/* Jardim das Ausências — identidade visual v0.2 */

:root{--night:#111625;--plum:#382640;--mauve:#80536e;--rose:#c99fa6;--ivory:#ead9d4;--paper:#f4ece8;--ink:#2d2631}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--ivory);font-family:'EB Garamond',Georgia,serif;font-size:19px}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #f2d1ce;outline-offset:4px}.top{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,6vw,100px);position:absolute;z-index:10;left:0;right:0;background:linear-gradient(#0c101bbd,transparent)}.brand{font-family:'Playfair Display',serif;font-size:21px;letter-spacing:.02em}.brand small{display:block;font-family:'EB Garamond',serif;font-size:11px;letter-spacing:.23em;text-transform:uppercase;color:var(--rose);margin-top:5px}.nav{display:flex;gap:28px;align-items:center}.nav button,.mobilebtn{border:0;background:transparent;color:var(--ivory);font-size:12px;text-transform:uppercase;letter-spacing:.19em}.nav button:hover{color:var(--rose)}.mobilebtn{display:none}.hero{min-height:100svh;position:relative;display:flex;align-items:center;padding:125px clamp(24px,10vw,170px) 100px;overflow:hidden;background:radial-gradient(ellipse at 70% 27%,#79617d 0%,#443852 17%,#1e233d 39%,#111625 70%)}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 55% 105%,#95647a5c,transparent 40%),linear-gradient(180deg,transparent 65%,#111625 100%)}.stars{position:absolute;inset:0;opacity:.5;background-image:radial-gradient(#ffe4e5 1px,transparent 1px),radial-gradient(#ffe4e5 1px,transparent 1px);background-size:83px 97px,137px 151px;background-position:10px 20px,60px 80px;mask-image:linear-gradient(#000,transparent 85%)}.moon{position:absolute;right:15%;top:15%;width:min(29vw,350px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 29%,#fff2e7,#e9c9c9 39%,#c1a1bc 73%,#a68ba6);box-shadow:0 0 75px 20px #f3bfd14a,0 0 180px #f3bfd12c;opacity:.82;animation:float 9s ease-in-out infinite}.moon:after{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 65% 42%,#876e9366 0 11%,transparent 12%),radial-gradient(circle at 28% 63%,#90768b55 0 16%,transparent 17%),radial-gradient(circle at 46% 22%,#a38b9b55 0 9%,transparent 10%)}.land{position:absolute;bottom:0;width:100%;height:37%;left:0;background:radial-gradient(ellipse at 72% 115%,#67455e,transparent 65%),linear-gradient(0deg,#0a0d17 0%,transparent 90%);clip-path:polygon(0 50%,8% 43%,17% 54%,30% 38%,40% 57%,53% 45%,65% 53%,75% 30%,88% 45%,100% 27%,100% 100%,0 100%);opacity:.9}.botanical{position:absolute;right:-40px;bottom:-100px;width:min(48vw,620px);height:70%;opacity:.7;transform:rotate(-8deg);pointer-events:none}.botanical svg{width:100%;height:100%}.hero-copy{position:relative;z-index:2;max-width:630px}.eyebrow{text-transform:uppercase;letter-spacing:.32em;font-size:12px;color:var(--rose)}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:400}h1{font-size:clamp(43px,5.4vw,79px);line-height:1.19;margin:22px 0 28px}h1 em{color:#e9c1cc;font-weight:400}.hero-copy p{font-size:clamp(19px,2vw,25px);line-height:1.5;max-width:470px;color:#e7d5da}.outline{display:inline-block;background:transparent;border:1px solid #d4aab6;color:var(--ivory);padding:15px 28px;letter-spacing:.22em;font-size:12px;text-transform:uppercase;margin-top:26px;transition:.25s}.outline:hover{background:#d4aab626;transform:translateY(-2px)}.hero-foot{position:absolute;bottom:30px;left:clamp(24px,10vw,170px);font-size:14px;font-style:italic;color:#c6a5b4;z-index:2}.section{padding:90px clamp(20px,8vw,140px)}.intro{text-align:center;max-width:750px;margin:auto}.intro h2,.section-title{font-size:clamp(32px,4vw,51px);margin:15px 0 22px}.intro p{font-size:23px;line-height:1.65;color:#d2bec7}.divider-flower{color:var(--rose);font-size:27px}.shelves{background:#171927}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:35px}.section-head p{margin:0;color:#c6aebb}.filters{display:flex;gap:10px;flex-wrap:wrap}.chip{border:1px solid #785a71;background:transparent;color:var(--ivory);padding:9px 17px;font-size:15px}.chip.active,.chip:hover{background:#80536e}.search{width:min(100%,340px);background:#262333;border:1px solid #765c73;color:var(--ivory);padding:12px 16px;margin:18px 0 26px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.story{min-height:270px;padding:30px;background:linear-gradient(145deg,#30263b,#1b1e2e);border:1px solid #5d485d;display:flex;flex-direction:column;align-items:flex-start;transition:.2s}.story:hover{transform:translateY(-4px);border-color:var(--rose)}.story .type{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#d1a4b5}.story h3{font-size:27px;line-height:1.25;margin:25px 0 10px}.story p{color:#d2c2ca;line-height:1.4;margin:0}.story .more{margin-top:auto;padding-top:26px;text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:#e8bfc9}.about{background:linear-gradient(120deg,#33263d,#171927);display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about p{font-size:22px;line-height:1.6;color:#d7c6cf}.arch{border:1px solid #aa8298;border-radius:220px 220px 4px 4px;height:390px;max-width:350px;margin:auto;width:100%;display:grid;place-items:center;background:radial-gradient(circle at 50% 36%,#bd91b180,transparent 31%),linear-gradient(#33283d,#151927);position:relative;overflow:hidden}.arch:before{content:'☾';font-size:145px;color:#e7c1cb;text-shadow:0 0 55px #e2b3d4}.arch:after{content:'✿  ✧  ✿';position:absolute;bottom:35px;letter-spacing:25px;color:#dba6bc}.footer{text-align:center;padding:50px 20px;color:#bca8b4;border-top:1px solid #574259}.footer .brand{color:var(--ivory)}.reader{background:var(--paper);color:var(--ink);min-height:100vh;padding:110px 20px 90px}.reader article{max-width:680px;margin:auto}.back{border:0;background:none;color:#80536e;letter-spacing:.15em;text-transform:uppercase;font-size:13px;padding:0}.reader h2{font-size:clamp(37px,5vw,58px);line-height:1.25;margin:35px 0 10px}.reader .meta{color:#856b79;font-size:15px}.prose{font-size:clamp(21px,2.5vw,25px);line-height:1.85;white-space:pre-wrap;margin-top:45px}.writer{background:#201c2b;min-height:100vh;padding:115px max(20px,calc((100vw - 760px)/2)) 80px}.writer h2{font-size:43px}.writer label{display:block;color:#e3c5d1;margin:20px 0 7px}.writer input,.writer textarea,.writer select{display:block;width:100%;padding:13px 15px;border:1px solid #76596f;background:#151724;color:#f4e6e9}.writer textarea{min-height:240px;resize:vertical}.writer .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.writer button{border:1px solid #b88b9d;background:#80536e;color:white;padding:12px 20px}.writer .secondary{background:transparent}.note{font-size:16px;color:#cdb3c0;line-height:1.5}.hidden{display:none!important}@keyframes float{50%{transform:translateY(12px)}}@media(max-width:800px){.nav{display:none;position:absolute;top:75px;left:0;right:0;background:#111625;padding:25px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.mobilebtn{display:block}.moon{right:-8%;top:20%;width:250px;opacity:.48}.botanical{width:80vw;opacity:.45}.hero{padding-left:25px}.hero-foot{left:25px}.cards{grid-template-columns:1fr}.about{grid-template-columns:1fr;gap:25px}.section{padding:65px 24px}.section-head{display:block}.arch{height:280px;max-width:250px}.hero-copy{max-width:540px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}