:root{--wood:#59371f;--wood2:#3e2415;--dark:#1d1511;--cream:#f5ecdd;--paper:#faf4e8;--green:#294734;--red:#8c2024;--gold:#b08a4a;--ink:#2d2119;--serif:"Cormorant Garamond",Georgia,serif;--sans:"Montserrat",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--wood2);color:var(--ink);font:16px/1.65 var(--sans)}a{color:inherit}img{display:block;max-width:100%}.skip-link{position:absolute;left:-9999px;background:#fff;padding:.6rem;z-index:99}.skip-link:focus{left:0}.site-header{height:82px;padding:0 clamp(1rem,5vw,5rem);display:flex;align-items:center;justify-content:space-between;background:#f8f1e5eF;position:sticky;top:0;z-index:30;border-bottom:1px solid #3e24152b;backdrop-filter:blur(12px)}.brand img{max-width:108px;max-height:72px;mix-blend-mode:multiply}.desktop-nav{display:flex;gap:2.4rem}.desktop-nav a,.mobile-nav a{text-decoration:none;text-transform:uppercase;letter-spacing:.15em;font-size:.66rem;font-weight:600}.desktop-nav a:hover{color:var(--red)}.nav-toggle,.mobile-nav{display:none}.tabletop{background-color:var(--wood);background-image:linear-gradient(90deg,#2a16081c 1px,transparent 2px),linear-gradient(2deg,transparent 48%,#fff3 50%,transparent 52%),repeating-linear-gradient(90deg,#70482b0f 0,#70482b0f 80px,#2f180c12 82px,#2f180c12 160px);background-size:180px 100%,100% 160px,320px 100%;box-shadow:inset 0 0 150px #1b0c06a6}.hero{min-height:calc(100vh - 82px);position:relative;display:grid;place-items:center;padding:6rem 1.5rem;overflow:hidden}.hero-card{width:min(720px,82vw);background:var(--paper);padding:clamp(2rem,5vw,4.5rem);text-align:center;transform:rotate(-1deg);box-shadow:0 25px 50px #170a057a,0 2px 3px #0004;position:relative;z-index:2}.hero-card:before{content:"";position:absolute;inset:13px;border:1px solid #b08a4a8c}.hero-card img{width:auto;max-width:150px;max-height:118px;margin:0 auto 1.2rem;mix-blend-mode:multiply}.kicker{text-transform:uppercase;letter-spacing:.26em;font-size:.63rem;font-weight:600;color:var(--gold)}.hero h1,.story h2,.section-title h2,.menu-paper h2,.booking h2,.chalkboard h2{font:600 clamp(3.3rem,6.5vw,6.5rem)/.86 var(--serif);margin:.6rem 0}.hero h1 em,.story h2 em,.booking h2 em{font-weight:500}.hero-card>p:not(.kicker){font-family:var(--serif);font-size:1.2rem}.actions{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-top:1.8rem}.btn{min-height:50px;padding:.8rem 1.5rem;display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.13em;text-decoration:none;border:0;font:600 .65rem var(--sans);cursor:pointer}.red{background:var(--red);color:#fff}.red:hover{background:#a62b30}.paper-link{text-transform:uppercase;letter-spacing:.12em;font-size:.64rem;font-weight:600;text-decoration:none;border-bottom:1px solid}.napkin{position:absolute;width:330px;height:460px;background:#e7ddcc;left:-80px;top:12%;transform:rotate(18deg);box-shadow:8px 12px 25px #0005}.coffee-setting{position:absolute;right:-30px;bottom:5%;color:var(--cream);text-align:center;transform:rotate(7deg)}.saucer{width:230px;height:230px;border-radius:50%;background:#e9e0d2;box-shadow:0 20px 35px #16090480,inset 0 0 0 10px #d1c5b3,inset 0 0 0 13px #f8f4eb;display:grid;place-items:center}.cup{width:145px;height:145px;border-radius:50%;background:#f6f0e6;box-shadow:inset 0 0 0 12px #e2d8c9;display:grid;place-items:center;position:relative}.cup:after{content:"";position:absolute;width:45px;height:65px;border:12px solid #e7ddce;border-left:0;border-radius:0 40px 40px 0;right:-38px}.cup span{width:112px;height:112px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#a96c3f 0 6%,#4a220f 30%,#1b0b05 75%);box-shadow:inset 0 0 12px #0009}.coffee-setting p{font:italic 1.1rem var(--serif)}.scroll-note{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);color:#eadfce;text-transform:uppercase;letter-spacing:.15em;font-size:.58rem}.scroll-note span{display:block;text-align:center}.story{min-height:760px;padding:clamp(6rem,12vw,11rem) clamp(2rem,10vw,10rem);display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(3rem,8vw,8rem);align-items:center}.postcard{background:#f7f0e3;padding:1rem 1rem 2rem;transform:rotate(-4deg);box-shadow:0 20px 38px #1a0a0570;max-width:460px}.postcard-art{height:330px;background:var(--green);color:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;border:10px solid #e8ddc9;outline:1px solid #b08a4a}.postcard-art span{font:600 8rem/1 var(--serif)}.postcard-art small{text-transform:uppercase;letter-spacing:.2em}.postcard>p{font:italic 1.1rem var(--serif);text-align:center}.story-copy{color:var(--cream);max-width:620px;position:relative}.story-copy>p:last-of-type{font:1.25rem var(--serif);color:#eadfce}.stamp{position:absolute;right:0;bottom:-6rem;width:130px;height:130px;border:2px solid var(--gold);border-radius:50%;display:grid;place-content:center;text-align:center;text-transform:uppercase;font-size:.55rem;letter-spacing:.12em;transform:rotate(9deg);color:var(--gold)}.stamp strong{font:600 1.3rem var(--serif)}.specialties{background:var(--dark);color:var(--cream);padding:8rem clamp(1.5rem,7vw,7rem);position:relative}.torn-top,.torn-bottom{position:absolute;left:0;right:0;height:32px;background:var(--wood)}.torn-top{top:-1px;clip-path:polygon(0 0,100% 0,100% 18%,95% 70%,89% 30%,82% 85%,73% 22%,65% 78%,56% 15%,48% 80%,40% 24%,31% 70%,23% 20%,14% 86%,7% 32%,0 76%)}.torn-bottom{bottom:-1px;clip-path:polygon(0 100%,100% 100%,100% 24%,93% 72%,85% 15%,77% 84%,68% 30%,59% 77%,50% 20%,41% 88%,32% 26%,23% 79%,14% 18%,6% 72%,0 25%)}.section-title{text-align:center;margin-bottom:5rem}.place-settings{max-width:1150px;margin:auto}.food-setting{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5rem;margin:5rem 0}.food-setting.reverse .plate{order:2}.plate{width:min(430px,38vw);aspect-ratio:1;border-radius:50%;background:#f3eadc;display:grid;place-items:center;box-shadow:0 28px 40px #0008,inset 0 0 0 18px #d8cbbb,inset 0 0 0 21px #f9f5ed}.pepito{width:68%;height:30%;background:#b57a3a;border-radius:50% 50% 45% 45%;position:relative;transform:rotate(-8deg);box-shadow:inset 0 -16px #85501f}.pepito:before{content:"";position:absolute;inset:22% 7%;background:#6b2d19;border-radius:40%;box-shadow:0 -12px #6c8b43}.pepito i{position:absolute;width:9px;height:28px;background:#f2d3a5;top:12%;transform:rotate(35deg)}.pepito i:nth-child(1){left:28%}.pepito i:nth-child(2){left:48%}.pepito i:nth-child(3){left:68%}.product-tag{max-width:430px}.product-tag>span{color:var(--gold);font:italic 1rem var(--serif)}.product-tag h3{font:600 clamp(2.3rem,4vw,4rem)/1 var(--serif);margin:.5rem 0}.product-tag strong{font:600 2rem var(--serif);color:var(--gold)}.product-tag p{color:#c9bcab}.small-cup{width:58%;height:58%;border-radius:50%;background:#efe5d6;display:grid;place-items:center;box-shadow:inset 0 0 0 12px #d4c6b5;position:relative}.small-cup:after{content:"";position:absolute;width:35%;height:40%;border:14px solid #ddd0bf;border-left:0;border-radius:0 50% 50% 0;right:-25%}.small-cup span{width:75%;height:75%;border-radius:50%;background:radial-gradient(circle at 45% 40%,#b47a43 0 8%,#4b210e 25%,#180905 80%)}.menu-zone{min-height:900px;padding:9rem 1.5rem;display:grid;place-items:center}.menu-paper{width:min(1000px,90vw);background:var(--paper);padding:clamp(2rem,6vw,5rem);box-shadow:0 30px 55px #190a0575;transform:rotate(.6deg);position:relative}.menu-paper:before{content:"";position:absolute;inset:14px;border:1px solid #b08a4a99}.paper-head,.paper-foot{display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;letter-spacing:.15em;color:var(--gold);font-size:.6rem}.paper-head{border-bottom:1px solid var(--gold);padding-bottom:1rem}.paper-head b{font:600 2rem var(--serif);color:var(--ink)}.menu-paper h2{text-align:center}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;margin:3rem 0}.category{text-transform:uppercase;letter-spacing:.16em;color:var(--red);font-size:.63rem;font-weight:600}.menu-item{display:flex;gap:.7rem;align-items:baseline}.menu-item h3{font:600 1.75rem var(--serif);margin:.35rem 0;white-space:nowrap}.menu-item i{flex:1;border-bottom:1px dotted #988776}.menu-item strong{font:600 1.3rem var(--serif)}.paper-foot{border-top:1px solid #d0c3b2;padding-top:1rem}.paper-foot a{text-decoration:none;border-bottom:1px solid}.booking{padding:8rem clamp(1.5rem,8vw,8rem);display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.booking-intro{color:var(--cream);max-width:520px}.booking-intro>p:last-child{font:italic 1.15rem var(--serif)}.wax-seal{width:85px;height:85px;border-radius:50%;background:var(--red);display:grid;place-items:center;font:600 2rem var(--serif);box-shadow:0 8px 18px #0005,inset 0 0 0 5px #ffffff1f;transform:rotate(-10deg);margin-bottom:2rem}.reservation-form{background:var(--paper);padding:clamp(2rem,5vw,4rem);display:flex;flex-direction:column;gap:1rem;box-shadow:0 25px 45px #180a056b;transform:rotate(-.8deg)}.form-title{display:flex;justify-content:space-between;border-bottom:1px solid var(--gold);padding-bottom:1rem;text-transform:uppercase;letter-spacing:.12em;font-size:.61rem}.form-title small{color:var(--gold)}.reservation-form label{font-size:.61rem;text-transform:uppercase;letter-spacing:.12em;font-weight:600}.reservation-form input,.reservation-form textarea{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #a99a88;padding:.65rem 0;font:inherit;outline:none}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.visit{background:var(--dark);padding:8rem clamp(1.5rem,8vw,8rem);display:grid;grid-template-columns:1.2fr .8fr;gap:5rem;align-items:center}.chalkboard{border:8px solid #6f472c;outline:2px solid #9e7550;background:#1f2620;color:#eee7d9;padding:clamp(2rem,6vw,5rem);box-shadow:0 22px 42px #0008;text-align:center}.chalkboard h2{font-size:clamp(4rem,8vw,7rem)}.chalkboard address{font:500 1.4rem/1.5 var(--serif);font-style:normal}.hours{display:flex;flex-direction:column;margin:2rem}.hours span{text-transform:uppercase;letter-spacing:.15em;color:var(--gold);font-size:.6rem}.hours strong{font:600 1.4rem var(--serif)}.outline{border:1px solid var(--cream);color:var(--cream)}.contact-cards{display:grid;gap:2rem}.note-card,.social-card{background:var(--paper);padding:2.5rem;box-shadow:0 18px 30px #0008;transform:rotate(3deg)}.note-card span,.social-card p{text-transform:uppercase;letter-spacing:.14em;color:var(--gold);font-size:.62rem}.note-card a{font:600 1.5rem var(--serif);text-decoration:none}.social-card{transform:rotate(-2deg)}.social-card a{display:block;font:600 1.6rem var(--serif);text-decoration:none;border-bottom:1px solid #d2c3b2;padding:.35rem 0}footer{background:#110c09;color:#cbbcab;text-align:center;padding:4rem 1.5rem}footer img{width:auto;max-width:120px;max-height:95px;margin:auto;filter:grayscale(1) invert(1);mix-blend-mode:screen;opacity:.8}footer p{font:italic 1.2rem var(--serif)}footer small{font-size:.6rem}.floating-whatsapp{position:fixed;right:1.2rem;bottom:1.2rem;z-index:20;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;text-decoration:none;border:1px solid #e5d5bd;font-size:.7rem;font-weight:700;box-shadow:0 8px 18px #0006}.reveal{opacity:0;transform:translateY(22px);transition:.75s}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}
@media(max-width:850px){.site-header{height:74px}.brand img{max-width:92px;max-height:64px}.desktop-nav{display:none}.nav-toggle{display:block;background:none;border:0}.nav-toggle span{display:block;width:25px;height:2px;background:var(--wood2);margin:5px}.mobile-nav{position:absolute;display:flex;top:74px;left:0;right:0;background:var(--paper);padding:1.5rem;flex-direction:column;gap:1rem;text-align:center;transform:scaleY(0);transform-origin:top;opacity:0;transition:.2s}.mobile-nav.open{transform:scaleY(1);opacity:1}.hero{min-height:calc(100vh - 74px);padding:4rem 1rem 7rem}.hero-card{width:94vw;padding:2.5rem 1.4rem}.hero h1{font-size:3.5rem}.napkin{display:none}.coffee-setting{right:-95px;bottom:-40px;transform:scale(.65)}.scroll-note{display:none}.story,.food-setting,.booking,.visit{grid-template-columns:1fr}.story{padding:6rem 1.5rem}.postcard{margin:auto}.postcard-art{height:250px}.stamp{position:static;margin:2rem 0 0}.food-setting{gap:2rem;text-align:center}.food-setting.reverse .plate{order:0}.plate{width:min(82vw,390px);margin:auto}.product-tag{margin:auto}.menu-zone{padding:6rem 1rem}.menu-paper{width:96vw;padding:2.5rem 1.5rem}.menu-grid{grid-template-columns:1fr;gap:2rem}.paper-foot{align-items:flex-start;flex-direction:column;gap:.7rem}.booking{padding:6rem 1.2rem;gap:2rem}.form-row{grid-template-columns:1fr}.visit{padding:6rem 1.2rem;gap:3rem}.chalkboard{padding:3rem 1.2rem}.note-card a{font-size:1.2rem}}
.menu-zone{padding-top:8rem;padding-bottom:8rem}.menu-paper{width:min(1200px,94vw)}.menu-note{text-align:center;font:1.05rem var(--serif);color:#74675d;margin:-.5rem 0 2rem}.menu-nav{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:center;margin:0 auto 3rem;max-width:980px}.menu-nav a{padding:.5rem .75rem;border:1px solid #b08a4a;text-decoration:none;text-transform:uppercase;letter-spacing:.09em;font-size:.56rem;font-weight:600;color:#5a3b24}.full-menu{display:grid;grid-template-columns:1fr 1fr;gap:2.2rem 4rem}.menu-category-block{break-inside:avoid;border-top:1px solid #b08a4a;padding-top:1.1rem}.menu-category-block h3{font:600 2rem/1 var(--serif);color:var(--red);margin:0 0 1rem}.full-menu .menu-item h4{font:500 1.08rem/1.25 var(--serif);margin:.38rem 0;max-width:80%}.full-menu .menu-item strong{font-size:1rem;white-space:nowrap}.menu-loading{text-align:center;grid-column:1/-1}.paper-foot{margin-top:3rem}
.postcard-art img{width:100%;height:100%;object-fit:cover;object-position:center}
.napkin{background:#e7ddcc url("assets/interior-hotel-zevallos.jpg") center/cover no-repeat;border:10px solid #e7ddcc}
.wax-seal img{width:62px;height:auto;max-height:52px;object-fit:contain}
.chalkboard{position:relative;isolation:isolate;overflow:hidden;background:#1f2620}
.location-watermark{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:0;pointer-events:none;filter:grayscale(1) sepia(.35);opacity:.72}
.chalkboard:after{content:"";position:absolute;inset:0;background:rgba(18,27,21,.68);z-index:1;pointer-events:none}
.location-content{position:relative;z-index:2;text-shadow:0 2px 5px rgba(0,0,0,.75)}
.location-content .outline{background:rgba(20,29,23,.65);border-width:1.5px}
.hero-coffee-photo{width:230px;height:230px;border-radius:50%;object-fit:cover;box-shadow:0 20px 35px rgba(22,9,4,.5),0 0 0 5px #e9e0d2}
.photo-plate{overflow:hidden;padding:0;box-shadow:0 24px 38px rgba(0,0,0,.42)}
.photo-plate img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.pepito-photo-plate{width:min(520px,44vw);aspect-ratio:1472/1068;border-radius:50%;background:#f2eadf}
.pepito-photo-plate img{object-fit:contain;border-radius:50%}
@media(max-width:850px){.pepito-photo-plate{width:min(92vw,520px)}}
.raul-welcome{position:absolute;z-index:6;right:clamp(1rem,3vw,4rem);top:50%;width:min(27vw,310px);transform:translateY(-50%);pointer-events:none}
.raul-character{width:100%;height:auto;image-rendering:auto;filter:drop-shadow(0 18px 18px rgba(20,8,3,.48))}
.raul-greeting{position:absolute;right:8%;top:-20%;width:220px;min-height:150px;padding:1.35rem 1.55rem;background:var(--paper);color:var(--wood2);border:1px solid var(--gold);border-radius:50%;box-shadow:0 12px 25px rgba(20,8,3,.38);font:1rem/1.3 var(--serif);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(1deg);pointer-events:auto}
.raul-greeting strong,.raul-greeting span{display:block;text-align:center}.raul-greeting strong{color:var(--red);font-size:1.2rem;margin-bottom:.2rem}.raul-greeting:after{content:"";position:absolute;right:45%;bottom:-12px;width:22px;height:22px;background:var(--paper);border-right:1px solid var(--gold);border-bottom:1px solid var(--gold);transform:rotate(45deg)}
@media(max-width:850px){.hero{display:flex;flex-direction:column;align-items:center;padding-bottom:2rem}.raul-welcome{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:min(58vw,245px);margin:8rem auto 0;transform:none}.raul-greeting{left:50%;right:auto;top:-7.3rem;width:210px;min-height:135px;padding:1rem 1.3rem;font-size:.88rem;transform:translateX(-50%) rotate(1deg)}.raul-greeting strong{font-size:1.05rem}.raul-greeting:after{right:45%;bottom:-12px;border-right:1px solid var(--gold);border-bottom:1px solid var(--gold);border-top:0}.scroll-note{display:none}}
@media(max-width:850px){.full-menu{grid-template-columns:1fr;gap:2rem}.menu-nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:.6rem}.menu-nav a{white-space:nowrap}.full-menu .menu-item h4{font-size:1.02rem}.menu-category-block h3{font-size:1.8rem}}
.hero-card:before,.menu-paper:before{pointer-events:none}.menu-zone{scroll-margin-top:106px}.menu-category-block{scroll-margin-top:110px}
@media(max-width:850px){.menu-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:100%;gap:.55rem;justify-content:stretch;overflow:visible;padding-bottom:0}.menu-nav a{min-width:0;min-height:50px;padding:.65rem .5rem;display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal;overflow-wrap:anywhere;line-height:1.35}}
@media(max-width:850px){.hero-card .actions{width:100%;flex-direction:column;align-items:center;gap:.9rem}.hero-card .actions a{width:min(100%,280px);min-height:50px;display:flex;align-items:center;justify-content:center;margin:0;text-align:center}.hero-card .paper-link{padding:.75rem 1rem;border:1px solid var(--gold)}}
@media(max-width:350px){.menu-nav{grid-template-columns:1fr}}
.site-header{justify-content:flex-end}
.billing-cta{padding:6rem 1.5rem 7rem;display:grid;place-items:center}.billing-cta-card{width:min(760px,92vw);background:var(--paper);padding:clamp(2.5rem,6vw,5rem);text-align:center;position:relative;box-shadow:0 28px 50px #180a0570}.billing-cta-card:before{content:"";position:absolute;inset:14px;border:1px solid #b08a4a99;pointer-events:none}.billing-cta-card h2{font:600 clamp(3rem,6vw,5rem)/.95 var(--serif);margin:.6rem 0}.billing-cta-card>p:not(.kicker){font:1.18rem/1.5 var(--serif);max-width:560px;margin:0 auto 1.8rem}.billing-cta-card .btn{position:relative;z-index:1}
.invoice-page{min-height:100vh;padding:clamp(3rem,7vw,6rem) 1.25rem 7rem}.invoice-shell{width:min(1080px,96vw);margin:auto;background:var(--paper);padding:clamp(1.5rem,5vw,4rem);position:relative;box-shadow:0 30px 60px #180a0580}.invoice-shell:before{content:"";position:absolute;inset:14px;border:1px solid #b08a4a99;pointer-events:none}.invoice-head{text-align:center;border-bottom:1px solid #c7ad7a;padding:1rem 1rem 2.3rem;margin-bottom:2.5rem;position:relative}.invoice-head img{width:auto;max-width:125px;max-height:95px;margin:0 auto 1rem;mix-blend-mode:multiply}.invoice-head h1{font:600 clamp(3rem,7vw,5.7rem)/.9 var(--serif);margin:.5rem 0}.invoice-head>p:not(.kicker){font:1.15rem var(--serif);max-width:670px;margin:1rem auto 0}.back-link{display:inline-flex;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.12em;font-size:.62rem;font-weight:600;text-decoration:none;border-bottom:1px solid}.invoice-form{position:relative;display:flex;flex-direction:column;gap:2.5rem}.invoice-fieldset{border:0;margin:0;padding:0}.invoice-fieldset legend{width:100%;font:600 2rem/1 var(--serif);color:var(--red);border-bottom:1px solid #c7ad7a;padding-bottom:.7rem;margin-bottom:1.3rem}.invoice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem 1.6rem}.invoice-grid .wide{grid-column:1/-1}.field-label{display:flex;flex-direction:column;gap:.35rem;text-transform:uppercase;letter-spacing:.1em;font-size:.6rem;font-weight:600}.field-label input,.field-label select,.field-label textarea{width:100%;min-height:48px;border:1px solid #b9aa98;background:#fffdf8;color:var(--ink);padding:.72rem .8rem;font:500 .9rem/1.4 var(--sans);text-transform:none;letter-spacing:normal;border-radius:0}.field-label textarea{min-height:90px;resize:vertical}.field-help{font:500 .72rem/1.45 var(--sans);letter-spacing:normal;text-transform:none;color:#74675d}.check-line{display:flex;align-items:flex-start;gap:.7rem;font-size:.78rem;line-height:1.5}.check-line input{margin-top:.28rem;accent-color:var(--red)}.privacy-note{background:#efe4d2;border-left:4px solid var(--gold);padding:1.1rem 1.25rem;font-size:.78rem}.invoice-actions{display:flex;flex-direction:column;align-items:center;gap:1rem}.invoice-actions .btn{min-width:min(100%,320px)}.form-status{display:none;width:min(680px,100%);padding:1rem 1.2rem;text-align:center;font:600 1rem var(--serif)}.form-status.visible{display:block}.form-status.success{background:#dfeade;color:#24452f;border:1px solid #75947e}.form-status.error{background:#f5dfdc;color:#7f2024;border:1px solid #bd7778}.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.invoice-footer-note{text-align:center;margin-top:2rem;font:italic 1rem var(--serif);color:#6f5d4d}
@media(max-width:700px){.billing-cta{padding:4.5rem 1rem}.invoice-page{padding:1.2rem .65rem 4rem}.invoice-shell{width:100%;padding:2rem 1.25rem}.invoice-grid{grid-template-columns:1fr}.invoice-grid .wide{grid-column:auto}.invoice-head h1{font-size:3.2rem}.invoice-fieldset legend{font-size:1.7rem}.field-label input,.field-label select,.field-label textarea{font-size:16px}}