/* Café do Pátio — design editorial e narrativo. Sem fontes/scripts/imagens externas. */
:root{color-scheme:light;--cream:#f2ddbb;--paper:#fbf1dc;--ink:#322419;--brown:#583728;--cocoa:#764732;--coral:#cd7251;--green:#41544c;--line:#bca68c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.65 Georgia,'Times New Roman',serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #2f6b63;outline-offset:4px}h1,h2,h3,p{margin-top:0}.skip{position:absolute;top:-150px;left:12px;z-index:50;background:white;color:black;padding:12px 18px}.skip:focus{top:10px}.demo-alert{background:#342820;color:#f5e7d2;font:500 .73rem/1.5 'Segoe UI',system-ui,sans-serif;padding:9px 3%;display:flex;gap:20px;align-items:center;justify-content:space-between}.demo-alert a{text-decoration:underline;text-underline-offset:4px}.demo-alert strong{letter-spacing:.13em;font-size:.69rem}
.site-header{min-height:102px;padding:20px 4.3%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;border-bottom:1px solid #c6a987;background:var(--cream)}.wordmark{display:flex;flex-direction:column;width:max-content;color:var(--brown)}.wordmark-top{font:italic 500 1rem Georgia,serif;letter-spacing:-.06em;padding-left:4px;margin-bottom:-8px}.wordmark strong{font:900 2.65rem/1.1 Georgia,serif;letter-spacing:-.09em}.wordmark strong span{color:var(--coral)}.site-header nav{display:flex;gap:35px;align-items:center;font:700 .76rem 'Segoe UI',system-ui,sans-serif}.site-header nav a:hover{color:#a34b2f}.header-sticker{justify-self:end;border:1px solid #725741;padding:13px 17px;border-radius:100px;font:700 .72rem/1.4 'Segoe UI',system-ui,sans-serif;display:inline-flex;gap:14px}.header-sticker:hover{background:var(--brown);color:white}
.opening{background:var(--cream)}.edition{display:flex;justify-content:space-between;gap:15px;padding:15px 5%;border-bottom:1px solid #cba986;font:700 .64rem/1.3 'Segoe UI',system-ui,sans-serif;letter-spacing:.14em}.opening-type{min-height:590px;padding:45px 5% 42px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.star{position:absolute;right:9%;top:12%;font:300 clamp(5rem,15vw,13rem)/1 Georgia,serif;color:#be6d45;transform:rotate(12deg)}.opening h1{font:400 clamp(4.5rem,12.5vw,13.5rem)/.79 Georgia,'Times New Roman',serif;letter-spacing:-.103em;position:relative;z-index:1;margin:20px 0 65px;max-width:1600px}.opening h1 em{font-weight:400;font-style:italic;color:#a95235;white-space:nowrap}.opening-caption{display:flex;justify-content:space-between;align-items:end;gap:30px;border-top:1px solid #aa896b;padding-top:21px}.opening-caption p{max-width:470px;font:400 clamp(.94rem,1.5vw,1.15rem)/1.7 Georgia,serif;margin:0}.opening-caption a{font:800 .69rem/1.3 'Segoe UI',system-ui,sans-serif;letter-spacing:.12em;border-bottom:1px solid #583728;white-space:nowrap;padding-bottom:9px}
.hero-illustration{height:min(70vw,700px);min-height:450px;position:relative;background:#ba7e58;overflow:hidden;display:grid;place-items:center}.hero-illustration:before{content:"";position:absolute;width:85%;height:85%;border:1px solid #fceac56b;border-radius:50%}.background-word{font:900 clamp(6rem,20vw,25rem)/1 Georgia,serif;color:#e4af8396;letter-spacing:-.09em;position:absolute;top:8%;left:-4%;transform:rotate(-4deg)}.coffee-scene{position:relative;width:min(72vw,630px);height:480px;transform:rotate(10deg);z-index:2}.plate{position:absolute;left:18%;bottom:5%;width:65%;height:100px;border-radius:50%;background:#ffeed1;box-shadow:0 18px 0 #916045,0 24px 29px #4c332e60}.cup{position:absolute;left:29%;bottom:19%;width:43%;height:230px;background:linear-gradient(104deg,#fcecd1 5%,#deb392 74%,#c89571);border-radius:12px 12px 100px 100px;box-shadow:18px 15px 0 #71453088;z-index:2}.cup:before{content:"";position:absolute;top:-27px;width:100%;height:64px;border-radius:50%;background:#f5d4b6;box-shadow:inset 0 0 0 15px #fff0d4}.liquid{position:absolute;top:-12px;left:15%;width:70%;height:32px;border-radius:50%;background:#6b3a25}.liquid:after{content:"";width:62px;height:16px;border:5px solid #c58d63;border-radius:50%;position:absolute;top:4px;left:30%;opacity:.7}.cup-handle{position:absolute;left:65%;bottom:39%;width:125px;height:156px;border:28px solid #e4bd9c;border-radius:50%;z-index:1;box-shadow:8px 8px #a76d5270}.bean{position:absolute;width:26px;height:43px;border-radius:50%;background:#704026;z-index:4;box-shadow:inset 4px 0 #9d674a}.bean:after{content:"";position:absolute;top:6px;bottom:7px;left:12px;border-left:2px solid #d7a07c;transform:rotate(13deg)}.bean.one{bottom:12%;left:27%;transform:rotate(50deg)}.bean.two{bottom:11%;right:18%;transform:rotate(-50deg)}.bean.three{bottom:5%;left:45%;transform:rotate(24deg)}.stamp{position:absolute;right:8%;top:10%;width:130px;height:130px;border:1px solid #fceacd;border-radius:50%;color:#ffefdf;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(12deg);z-index:3}.stamp b{font:italic 2.8rem Georgia,serif}.stamp small{font:700 .56rem/1.4 'Segoe UI',system-ui,sans-serif;letter-spacing:.14em;text-align:center}.illustration-foot{position:absolute;left:4%;right:4%;bottom:23px;display:flex;justify-content:space-between;color:#ffe9d7;font:700 .65rem 'Segoe UI',system-ui,sans-serif;letter-spacing:.12em;z-index:3}
.marquee{background:#3d4b41;color:#f4e7d2;padding:21px 2%;overflow:hidden;text-align:center}.marquee span{font:italic clamp(.9rem,2vw,1.5rem) Georgia,serif;white-space:nowrap;letter-spacing:.06em}.marquee b{color:#e8bd8d;padding:0 4%;font-weight:400}
.spread{padding:115px 7%}.manifesto{display:grid;grid-template-columns:22% 1fr;gap:10%;background:#fcf6e9}.margin-note{border-top:2px solid #99573c;padding:18px 0;display:flex;flex-direction:column;gap:60px}.margin-note span,.eyebrow{font:800 .68rem/1.5 'Segoe UI',system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase}.margin-note b{font:500 clamp(1.3rem,2.2vw,2rem)/1.2 Georgia,serif;letter-spacing:-.07em;color:#a36649}.story h2,.menu h2,.ritual h2,.closing h2{font:400 clamp(3.4rem,6vw,7rem)/1 Georgia,serif;letter-spacing:-.08em;margin:23px 0 47px}.story h2 em,.menu h2 i,.ritual h2 em,.closing h2 em{font-style:italic;color:#ad674b;font-weight:400}.story-columns{display:grid;grid-template-columns:1fr 1fr;gap:65px;border-top:1px solid #d2bca6;padding-top:24px}.story-columns p{color:#5e5144;font-size:1.05rem;line-height:1.9}.menu{background:#cc9570;padding:100px 5%}.menu-paper{max-width:1240px;margin:auto;background:#f9edd5;border:1px solid #e4caa8;box-shadow:18px 20px 0 #8d553e54;padding:65px 6% 35px}.menu-header{display:flex;justify-content:space-between;gap:30px;border-bottom:2px solid #463326;padding-bottom:35px}.menu-header h2{margin:14px 0 0}.menu h2 i{display:block}.sunflower{font:400 clamp(5rem,13vw,10rem) Georgia,serif;line-height:1;color:#ae593f}.menu-body{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:53px 0 55px}.menu-column h3{font:italic 1.8rem Georgia,serif;display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.menu-column h3 span{font:700 .72rem Consolas,monospace;color:#9c684b}.menu-column dl{margin:0}.menu-column dl div{padding:14px 0;border-top:1px solid #d8c3aa}.menu-column dt{font:700 1.19rem Georgia,serif;margin-bottom:6px}.menu-column dd{margin:0;color:#705d4c;font-size:.94rem}.menu-foot{border-top:2px solid #463326;padding-top:19px;display:flex;justify-content:space-between;gap:20px;font:800 .64rem/1.5 'Segoe UI',system-ui,sans-serif;letter-spacing:.12em}.menu-foot p{margin:0}
.ritual{display:grid;grid-template-columns:48% 52%;background:#e6e5d9;min-height:690px}.ritual-left{background:#5e7565;position:relative;padding:8%;overflow:hidden;min-height:600px}.ritual-arch{height:100%;max-width:550px;margin:auto;position:relative;overflow:hidden;background:#d3aa8b;border-radius:47% 47% 0 0;box-shadow:0 10px 0 #495e4d}.ritual-arch:after{content:"";position:absolute;top:8%;left:10%;width:80%;height:78%;border-radius:48% 48% 0 0;border:10px solid #eacdb0}.window-sun{position:absolute;width:135px;height:135px;border-radius:50%;background:#f4e6ad;left:18%;top:16%}.ritual-table{position:absolute;bottom:11%;left:-10%;width:120%;height:28px;background:#614730;box-shadow:0 100px #523c2f;transform:skewY(-4deg);z-index:3}.ritual-cup{position:absolute;bottom:14%;width:85px;height:75px;background:#f5e3c4;border-radius:4px 5px 30px 30px;z-index:2}.ritual-cup:before{content:"";position:absolute;top:-12px;width:100%;height:24px;border-radius:50%;background:#815740;box-shadow:inset 0 0 0 7px #f5e3c4}.ritual-cup.small{left:31%;width:55px;height:55px}.ritual-cup.large{right:21%}.vertical-mark{position:absolute;right:12px;top:25px;color:white;font:700 .6rem 'Segoe UI',system-ui,sans-serif;letter-spacing:.1em;writing-mode:vertical-rl}.ritual-right{padding:105px 11% 90px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.ritual h2{margin:26px 0 35px}.ritual-right>p:not(.eyebrow){font-size:1.06rem;color:#5d655a;line-height:1.9;max-width:560px}.ritual-sign{margin-top:40px;border-top:1px solid #b6bda9;padding-top:23px;font:italic 1.65rem Georgia,serif}.ritual-sign span{display:block;font:500 .65rem/1.6 'Segoe UI',system-ui,sans-serif;color:#6f776a;letter-spacing:.05em;margin-top:9px}.closing{background:#513b2d;color:#f6e9d5;text-align:center;padding:110px 6% 120px;display:flex;align-items:center;flex-direction:column}.closing .asterisk{font-size:6rem;color:#dfa97b;line-height:1}.closing h2{margin:15px 0 26px}.closing h2 em{color:#e7b699}.closing>p:not(.eyebrow){max-width:580px;line-height:1.8;color:#e4d5c3}.closing-link{font:800 .78rem 'Segoe UI',system-ui,sans-serif;margin-top:32px;letter-spacing:.08em;border-bottom:1px solid #f6e9d5;padding-bottom:10px;display:inline-flex;gap:20px}.closing-link:hover{color:#f4c29c}
footer{min-height:124px;background:#30251d;color:#e9d9c6;padding:25px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .wordmark{color:#f8ead6}footer>span,footer>a:last-child{font:600 .65rem/1.6 'Segoe UI',system-ui,sans-serif;letter-spacing:.1em}
@media(max-width:1050px){.site-header{grid-template-columns:auto 1fr}.site-header nav{justify-content:flex-end}.header-sticker{display:none}.opening h1{font-size:clamp(4.5rem,12.5vw,9rem)}.opening-type{min-height:520px}.ritual-right{padding:75px 8%}.ritual-left{min-height:560px}.stamp{right:4%;top:5%}}
@media(max-width:740px){.site-header{grid-template-columns:1fr;gap:16px;min-height:130px}.site-header nav{justify-content:flex-start;gap:18px;flex-wrap:wrap}.site-header nav a{font-size:.69rem}.opening-type{min-height:480px}.opening h1{font-size:clamp(3.85rem,13.5vw,7rem)}.opening h1 em{white-space:normal}.opening-caption{align-items:start;flex-direction:column}.hero-illustration{min-height:430px}.coffee-scene{transform:rotate(9deg) scale(.75);min-width:530px}.stamp{width:92px;height:92px}.stamp b{font-size:2rem}.spread{padding:75px 6%}.manifesto{display:block}.margin-note{gap:14px;flex-direction:row;justify-content:space-between;border-bottom:1px solid #d9c9b5;margin-bottom:36px}.margin-note b{font-size:1.05rem}.story h2,.menu h2,.ritual h2,.closing h2{font-size:clamp(3rem,10vw,5rem)}.story-columns{gap:25px}.menu{padding:70px 5%}.menu-paper{padding:47px 5% 28px}.menu-body{gap:25px}.ritual{grid-template-columns:1fr}.ritual-left{height:430px;min-height:430px}.ritual-arch{max-width:330px}.ritual-right{padding:73px 7%}.ritual h2{max-width:700px}}
@media(max-width:480px){.demo-alert{display:block}.demo-alert a{display:inline-block;margin-top:4px}.site-header{padding:16px 5%}.site-header nav{gap:13px}.wordmark strong{font-size:2.2rem}.opening h1{font-size:clamp(3.15rem,12.7vw,5rem);line-height:.92}.opening-type{min-height:420px;padding:36px 5% 25px}.star{top:6%;right:7%;font-size:5rem}.opening-caption p{font-size:.94rem}.edition{font-size:.54rem}.hero-illustration{min-height:355px}.coffee-scene{transform:rotate(8deg) scale(.53)}.stamp{z-index:4;top:4%}.background-word{font-size:8rem;top:13%}.illustration-foot{font-size:.47rem}.marquee{padding:16px}.marquee span{font-size:.7rem}.story-columns,.menu-body{grid-template-columns:1fr}.menu-header{align-items:start}.sunflower{font-size:4.5rem}.menu-foot{flex-direction:column}.menu-paper{box-shadow:10px 12px 0 #8d553e54}.ritual-left{height:350px;min-height:350px}.ritual-right{padding:60px 6%}.ritual h2{font-size:3.5rem}.closing{padding:75px 6%}footer{flex-direction:column;align-items:flex-start;gap:15px}footer .wordmark strong{font-size:2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}