.relato-detail{--ink:#faf6ef;--parchment:#1a1510;--cream:#0d0b09;--gold:#c8922a;--sand:#d4b896;--border:#faf6ef14;background:var(--cream);min-height:100vh;color:var(--ink);font-family:EB Garamond,serif;overflow-x:hidden}.relato-detail:before{content:"";pointer-events:none;z-index:0;opacity:.35;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}.relato-detail .content-wrapper{z-index:1;position:relative}.relato-detail nav{z-index:500;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0d0b09f2;justify-content:space-between;align-items:center;padding:1.1rem 4rem;display:flex;position:fixed;top:0;left:0;right:0}.relato-detail .nav-brand{letter-spacing:.18em;color:var(--gold);font-family:Cinzel,serif;font-size:1.15rem;text-decoration:none}.relato-detail .nav-center{letter-spacing:.35em;text-transform:uppercase;color:#d4b89680;font-family:Lato,sans-serif;font-size:.68rem}.relato-detail .nav-right{letter-spacing:.15em;color:#d4b89699;font-family:Lato,sans-serif;font-size:.72rem;text-decoration:none;transition:color .3s}.relato-detail .nav-right:hover{color:var(--gold)}.relato-detail .story-banner{align-items:flex-end;min-height:55vh;display:flex;position:relative;overflow:hidden}.relato-detail .banner-bg{position:absolute;inset:0}.relato-detail .banner-overlay{background:linear-gradient(#0000 0%,#0d0b094d 40%,#0d0b09f2 100%);position:absolute;inset:0}.relato-detail .banner-kaelis-color{width:6px;position:absolute;top:0;bottom:0;left:0}.relato-detail .banner-content{z-index:2;max-width:800px;padding:4rem 6rem;position:relative}.relato-detail .banner-chapter{letter-spacing:.3em;text-transform:uppercase;color:#d4b89699;margin-bottom:1rem;font-family:Lato,sans-serif;font-size:.72rem}.relato-detail .banner-name{color:var(--ink);margin-bottom:.8rem;font-family:Playfair Display,serif;font-size:clamp(2.8rem,6vw,5rem);font-style:italic;font-weight:900;line-height:1.05}.relato-detail .banner-byline{letter-spacing:.2em;text-transform:uppercase;color:#d4b896cc;font-family:Lato,sans-serif;font-size:.75rem}.relato-detail .story-body{color:#faf6efe0;max-width:680px;margin:0 auto;padding:5rem 2rem 4rem;font-size:1.2rem;line-height:2}.relato-detail .story-body p{font-size:inherit;line-height:inherit;text-indent:0;margin-bottom:1.8rem}.relato-detail .drop-cap:first-letter{float:left;color:var(--gold);margin-top:.1rem;margin-right:.6rem;font-family:Playfair Display,serif;font-size:4.2rem;font-weight:700;line-height:1}.relato-detail .pull-quote{border-left:3px solid var(--gold);margin:3.5rem 0;padding:2.5rem 0 2.5rem 2.5rem}.relato-detail .pull-quote p{color:var(--ink);font-family:Playfair Display,serif;font-size:1.4rem;font-style:italic;font-weight:600;line-height:1.7;margin:0!important}.relato-detail .color-moment{border:1px solid var(--border);background:var(--parchment);align-items:flex-start;gap:1.5rem;margin:3rem 0;padding:2rem;display:flex}.relato-detail .color-moment-dot{border-radius:50%;flex-shrink:0;width:16px;height:16px;margin-top:.35rem}.relato-detail .color-moment p{color:#d4b896d9;font-style:italic;line-height:1.8;margin:0!important;font-size:1.05rem!important}.relato-detail .story-break{text-align:center;letter-spacing:.6em;color:#c8922a66;margin:3rem 0;font-family:Cinzel,serif;font-size:.8rem}.relato-detail .story-signature{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:4rem;padding-top:2rem;display:flex}.relato-detail .sig-name{color:var(--ink);margin-bottom:.3rem;font-family:Playfair Display,serif;font-size:1.2rem;font-style:italic}.relato-detail .sig-detail{letter-spacing:.15em;color:#d4b89680;font-family:Lato,sans-serif;font-size:.72rem}.relato-detail .story-cta{max-width:680px;margin:0 auto;padding:0 2rem 6rem}.relato-detail .cta-box{background:var(--parchment);border:1px solid var(--border);text-align:center;padding:3.5rem;position:relative;overflow:hidden}.relato-detail .cta-box:before{content:"";pointer-events:none;background:radial-gradient(80% 60% at 50% 100%,#c8922a0f 0%,#0000 70%);position:absolute;inset:0}.relato-detail .cta-label{letter-spacing:.5em;text-transform:uppercase;color:var(--gold);margin-bottom:1.5rem;font-family:Cinzel,serif;font-size:.65rem;position:relative}.relato-detail .cta-title{color:var(--ink);margin-bottom:1rem;font-family:Playfair Display,serif;font-size:1.6rem;font-weight:600;line-height:1.3;position:relative}.relato-detail .cta-body{color:#d4b896b3;max-width:450px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-family:EB Garamond,serif;font-size:1.05rem;line-height:1.8;position:relative}.relato-detail .cta-buttons{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex;position:relative}.relato-detail .btn-primary{background:linear-gradient(135deg, var(--gold), #9b4422);color:var(--cream);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;border:none;padding:1rem 2.8rem;font-family:Cinzel,serif;font-size:.78rem;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-block;box-shadow:0 8px 30px #c8922a40}.relato-detail .btn-primary:hover{transform:translateY(-3px);box-shadow:0 14px 40px #c8922a66}.relato-detail .btn-ghost{color:var(--sand);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #d4b89640;padding:1rem 2.8rem;font-family:Cinzel,serif;font-size:.78rem;text-decoration:none;transition:border-color .3s,color .3s,transform .3s;display:inline-block}.relato-detail .btn-ghost:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-3px)}.relato-detail .story-nav{gap:2rem;max-width:680px;margin:0 auto;padding:0 2rem 6rem;display:flex}.relato-detail .story-nav-link{border:1px solid var(--border);color:inherit;flex-direction:column;flex:1;gap:.5rem;padding:2rem;text-decoration:none;transition:border-color .3s,transform .3s;display:flex}.relato-detail .story-nav-link:hover{border-color:#c8922a40;transform:translateY(-3px)}.relato-detail .story-nav-link.next{text-align:right}.relato-detail .nav-link-label{letter-spacing:.3em;text-transform:uppercase;color:#d4b89666;font-family:Lato,sans-serif;font-size:.65rem}.relato-detail .nav-link-name{color:var(--ink);font-family:Playfair Display,serif;font-size:1.1rem;font-weight:600}.relato-detail .back-to-bib{text-align:center;padding-bottom:4rem}.relato-detail .back-to-bib a{letter-spacing:.2em;text-transform:uppercase;color:#d4b89680;font-family:Lato,sans-serif;font-size:.72rem;text-decoration:none;transition:color .3s}.relato-detail .back-to-bib a:hover{color:var(--gold)}.relato-detail footer{background:var(--parchment);border-top:1px solid #faf6ef0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:3rem 4rem;display:flex}.relato-detail .footer-brand{color:var(--gold);letter-spacing:.15em;font-family:Cinzel,serif;font-size:1rem}.relato-detail .footer-copy{letter-spacing:.1em;color:#d4b8964d;font-family:Lato,sans-serif;font-size:.68rem}.relato-detail .footer-link{letter-spacing:.12em;color:#d4b89680;font-family:Lato,sans-serif;font-size:.72rem;text-decoration:none;transition:color .3s}.relato-detail .footer-link:hover{color:var(--gold)}.relato-detail .reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(25px)}.relato-detail .reveal.visible{opacity:1;transform:translateY(0)}@media (max-width:900px){.relato-detail nav{padding:1rem 1.5rem}.relato-detail .nav-center{display:none}.relato-detail .banner-content{padding:3rem 2rem}.relato-detail .story-body{padding:3rem 1.5rem}.relato-detail .story-cta{padding:0 1.5rem 4rem}.relato-detail .cta-box{padding:2.5rem 1.5rem}.relato-detail .story-nav{flex-direction:column;padding:0 1.5rem 4rem}.relato-detail .story-nav-link.next{text-align:left}.relato-detail .pull-quote{margin:2.5rem 0;padding-left:1.5rem}.relato-detail footer{text-align:center;flex-direction:column}}@media (max-width:480px){.relato-detail .banner-name{font-size:2.2rem}.relato-detail .story-body{font-size:1.05rem}.relato-detail .pull-quote p{font-size:1.15rem}.relato-detail .cta-title{font-size:1.3rem}.relato-detail .cta-buttons{flex-direction:column;align-items:center}}