:root{--paulo-gold:#d1a159;--paulo-paper:#ead8b8;--paulo-night:#100b08}.paulo-page{background:#0c0907;color:#f2ece2}.paulo-page .topbar{position:absolute}.paulo-hero{min-height:100svh;position:relative;display:flex;align-items:center;padding:10rem clamp(1.25rem,8vw,8rem) 6rem;overflow:hidden;isolation:isolate}.paulo-hero-art{position:absolute;inset:0;z-index:-2;background:url("cartas-paulo/capa.webp") center 35%/cover no-repeat;filter:saturate(.8) contrast(1.08);transform:scale(1.02)}.paulo-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,6,4,.98) 0%,rgba(10,6,4,.84) 45%,rgba(10,6,4,.2) 78%),linear-gradient(0deg,#0c0907 0%,transparent 34%)}.paulo-hero-copy{max-width:870px}.paulo-hero h1{font:600 clamp(5rem,11vw,10.5rem)/.7 var(--serif);letter-spacing:-.06em;margin:.7rem 0 2rem}.paulo-hero h1 span{color:var(--paulo-gold)}.hero-sub{font:600 clamp(1.5rem,3vw,2.4rem)/1.05 var(--serif);color:var(--paulo-paper)}.paulo-hero-copy>p:not(.eyebrow,.hero-sub){max-width:650px;color:#c8bdad}.hero-seal{position:absolute;right:clamp(1.5rem,7vw,7rem);bottom:4rem;display:flex;align-items:center;gap:1rem;border:1px solid rgba(209,161,89,.4);padding:1rem 1.2rem;background:rgba(12,9,7,.6);backdrop-filter:blur(8px)}.hero-seal strong{font:600 3.2rem/1 var(--serif);color:var(--paulo-gold)}.hero-seal span{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#d9c9b0}
.book-intro{display:grid;grid-template-columns:minmax(260px,.68fr) 1.32fr;gap:clamp(3rem,8vw,9rem);align-items:center;background:radial-gradient(circle at 18% 42%,rgba(209,161,89,.14),transparent 30%),#15100c}.cover-stage{position:relative;max-width:430px;width:100%;aspect-ratio:2/3;margin:auto;perspective:1200px;outline:none;filter:drop-shadow(0 35px 60px rgba(0,0,0,.6))}.cover-face{position:absolute;inset:0;backface-visibility:hidden;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.cover-face img{width:100%;height:100%;object-fit:cover;display:block;border:1px solid rgba(209,161,89,.3)}.cover-back{transform:rotateY(180deg)}.cover-stage:hover .cover-front,.cover-stage:focus .cover-front{transform:rotateY(-180deg)}.cover-stage:hover .cover-back,.cover-stage:focus .cover-back{transform:rotateY(0)}.cover-stage>span{position:absolute;z-index:3;left:50%;bottom:-2.4rem;transform:translateX(-50%);white-space:nowrap;color:#a89a87;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.intro-copy h2{font-size:clamp(3.2rem,6vw,6.4rem)}.intro-copy>p:not(.eyebrow){max-width:780px;color:#c2b8aa}.intro-copy strong{color:#f0d4a5}.intro-facts{display:flex;gap:1px;margin-top:2.5rem;background:rgba(209,161,89,.22);border:1px solid rgba(209,161,89,.22)}.intro-facts p{flex:1;margin:0;padding:1.2rem;background:#16110d}.intro-facts strong,.intro-facts span{display:block}.intro-facts strong{font:600 2.3rem/1 var(--serif);color:var(--paulo-gold)}.intro-facts span{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#a99d8d;margin-top:.35rem}
.letters{background:#0c0907}.letter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(209,161,89,.18);border:1px solid rgba(209,161,89,.18)}.letter{display:grid;grid-template-columns:180px 1fr;gap:1.6rem;min-height:310px;padding:1.4rem;background:#15100c}.letter:last-child{grid-column:1/-1;max-width:none}.letter img{width:100%;height:100%;max-height:280px;object-fit:cover;border:1px solid rgba(255,255,255,.09)}.letter>div{align-self:center}.letter span{color:var(--paulo-gold);font-size:.75rem;text-transform:uppercase;letter-spacing:.11em}.letter h3{font:600 clamp(1.8rem,2.5vw,2.8rem)/.95 var(--serif);margin:.55rem 0 .9rem}.letter p{color:#b7ad9f;font-size:.93rem;margin:0}.paulo-quote{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,8rem);align-items:center;background:#17110c}.quote-image{height:650px;overflow:hidden}.quote-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.75)}.paulo-quote blockquote{font:600 clamp(3rem,6vw,6.5rem)/.92 var(--serif);margin:0;color:#eadbc3}
.gallery{background:#0b0806}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.gallery-grid figure{position:relative;min-height:340px;margin:0;overflow:hidden;border:1px solid rgba(209,161,89,.18)}.gallery-grid .wide{grid-column:span 2}.gallery-grid .tall{grid-row:span 2;min-height:696px}.gallery-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.76);transition:.5s}.gallery-grid figure:hover img{transform:scale(1.03);filter:saturate(1)}.gallery-grid figure:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(6,4,3,.92))}.gallery-grid figcaption{position:absolute;z-index:2;left:1.2rem;bottom:1rem;font:600 1.4rem/1 var(--serif);color:#f1e3cc}.buy-section{text-align:center;background:radial-gradient(circle at 50% 20%,rgba(209,161,89,.18),transparent 28%),#15100c}.buy-section h2{font-size:clamp(4rem,9vw,9rem);line-height:.75}.buy-section h2 span{color:var(--paulo-gold)}.buy-section>p:not(.eyebrow){max-width:700px;margin:2.2rem auto;color:#c6bbad}.buy-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.buy-actions .ghost{background:#0c0907}
@media(max-width:1000px){.book-intro,.paulo-quote{grid-template-columns:1fr}.cover-stage{max-width:360px;margin-bottom:3rem}.letter-grid{grid-template-columns:1fr}.letter:last-child{grid-column:auto}.gallery-grid{grid-template-columns:repeat(2,1fr)}.quote-image{height:520px}}
@media(max-width:600px){.paulo-hero{align-items:flex-end;min-height:88svh}.paulo-hero:after{background:linear-gradient(0deg,#0c0907 4%,rgba(10,6,4,.86) 62%,rgba(10,6,4,.28))}.paulo-hero h1{font-size:clamp(4.7rem,23vw,6.8rem)}.hero-seal{display:none}.intro-facts{flex-direction:column}.letter{grid-template-columns:112px 1fr;padding:.85rem;gap:1rem;min-height:245px}.letter img{max-height:220px}.letter h3{font-size:1.7rem}.letter p{font-size:.84rem}.gallery-grid{grid-template-columns:1fr}.gallery-grid .wide{grid-column:auto}.gallery-grid .tall{grid-row:auto;min-height:420px}.gallery-grid figure{min-height:390px}.quote-image{height:420px}.buy-actions{flex-direction:column}.buy-actions .button{width:100%}}