@import"https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Lato:wght@300;400;700&family=Playfair+Display:ital,wght@0,700;1,400;1,700&display=swap";:root{--clr-bg: #07030f;--clr-bg-card: #110820;--clr-bg-section: #0d0519;--clr-purple-deep: #3b1266;--clr-purple-mid: #6b2fad;--clr-purple-light: #a06cd5;--clr-purple-soft: #c9a7f0;--clr-purple-glow: rgba(107, 47, 173, .35);--clr-gold: #c8920a;--clr-gold-light: #e8b030;--clr-gold-soft: rgba(200, 146, 10, .15);--clr-green: #2d5c3f;--clr-green-light: #4a8f64;--clr-green-soft: rgba(45, 92, 63, .2);--clr-fox: #b85c20;--clr-fox-light: #d4783a;--clr-text-primary: #f0ebf8;--clr-text-secondary: #c4b0e0;--clr-text-muted: #8a7aaa;--clr-text-gold: #e8b030;--clr-border: rgba(160, 108, 213, .2);--clr-border-gold: rgba(232, 176, 48, .3);--glass-bg: rgba(17, 8, 32, .7);--glass-border: rgba(160, 108, 213, .25);--font-serif: "EB Garamond", Georgia, serif;--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Lato", system-ui, sans-serif;--font-dramatic: "Playfair Display", Georgia, serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 8rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 24px;--radius-xl: 40px;--shadow-purple: 0 0 40px rgba(107, 47, 173, .4);--shadow-gold: 0 0 30px rgba(200, 146, 10, .3);--shadow-card: 0 8px 40px rgba(0, 0, 0, .6);--transition-fast: .15s ease;--transition-mid: .3s ease;--transition-slow: .6s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--clr-bg);color:var(--clr-text-primary);line-height:1.7;overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}ul{list-style:none}.font-serif{font-family:var(--font-serif)}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}h1,h2,h3,h4{font-family:var(--font-serif);line-height:1.2;font-weight:600}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 4%;background:#07030f00;transition:background var(--transition-mid),backdrop-filter var(--transition-mid)}.navbar.scrolled{background:#07030fd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--clr-border)}.navbar__logo{font-family:var(--font-serif);font-size:1.3rem;font-style:italic;color:var(--clr-purple-soft);letter-spacing:.02em}.navbar__links{display:flex;gap:2rem}.navbar__links a{font-family:var(--font-body);font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--clr-text-muted);transition:color var(--transition-fast)}.navbar__links a:hover{color:var(--clr-purple-soft)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 70% 50%,rgba(59,18,102,.5) 0%,transparent 70%),radial-gradient(ellipse 60% 80% at 20% 80%,rgba(45,92,63,.2) 0%,transparent 60%),radial-gradient(ellipse 40% 40% at 50% 20%,rgba(200,146,10,.06) 0%,transparent 50%),var(--clr-bg)}.hero__particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero__image{position:absolute;right:0;bottom:0;height:100%;max-height:100vh;-o-object-fit:contain;object-fit:contain;-o-object-position:bottom right;object-position:bottom right;opacity:.55;filter:drop-shadow(-20px 0 60px rgba(107,47,173,.5));mask-image:linear-gradient(to left,transparent 0%,black 25%),linear-gradient(to top,transparent 0%,black 10%);-webkit-mask-image:linear-gradient(to left,transparent 0%,black 25%),linear-gradient(to top,transparent 0%,black 10%)}.hero__content{position:relative;z-index:2;padding:0 6% 0 8%;max-width:680px}.hero__eyebrow{font-family:var(--font-body);font-size:.75rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--clr-gold);margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem}.hero__eyebrow:before{content:"";width:30px;height:1px;background:var(--clr-gold);opacity:.7}.hero__title{font-family:var(--font-serif);font-size:clamp(3.5rem,8vw,7rem);font-weight:600;line-height:1;color:var(--clr-text-primary);margin-bottom:.25rem}.hero__title em{font-style:italic;color:var(--clr-purple-soft)}.hero__subtitle{font-family:var(--font-display);font-size:clamp(1rem,2vw,1.4rem);color:var(--clr-text-muted);letter-spacing:.15em;text-transform:uppercase;margin-bottom:2rem}.hero__tagline{font-family:var(--font-display);font-size:clamp(1.1rem,1.8vw,1.4rem);font-style:italic;color:var(--clr-text-secondary);line-height:1.5;margin-bottom:2.5rem;border-left:2px solid var(--clr-purple-mid);padding-left:1.25rem}.hero__cta{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.25rem;background:linear-gradient(135deg,var(--clr-purple-deep),var(--clr-purple-mid));border:1px solid var(--clr-purple-light);border-radius:var(--radius-xl);font-family:var(--font-body);font-size:.9rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--clr-text-primary);transition:all var(--transition-mid);box-shadow:0 4px 20px #6b2fad66}.hero__cta:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6b2fad99;background:linear-gradient(135deg,var(--clr-purple-mid),var(--clr-purple-light))}.hero__scroll-hint{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--clr-text-muted);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;animation:scrollBounce 2s infinite}@keyframes scrollBounce{0%,to{transform:translate(-50%) translateY(0);opacity:.5}50%{transform:translate(-50%) translateY(8px);opacity:1}}.hero__scroll-hint svg{width:20px;height:20px;opacity:.6}.section{padding:var(--space-xl) 8%}.section--alt{background:var(--clr-bg-section)}.section__eyebrow{font-family:var(--font-body);font-size:.72rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--clr-gold);margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.section__eyebrow:before{content:"";width:24px;height:1px;background:var(--clr-gold)}.section__title{font-family:var(--font-serif);font-size:clamp(2.2rem,5vw,4rem);line-height:1.1;margin-bottom:1.5rem}.section__title em{font-style:italic;color:var(--clr-purple-light)}.novel{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}.novel__book{position:relative;display:flex;justify-content:center}.novel__cover-wrapper{position:relative;width:280px}.novel__cover-placeholder{width:280px;height:420px;background:linear-gradient(145deg,var(--clr-purple-deep),#1a0a30,var(--clr-green));border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;border:1px solid var(--clr-border);box-shadow:var(--shadow-purple),var(--shadow-card);position:relative;overflow:hidden}.novel__cover-placeholder:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--clr-gold),var(--clr-purple-mid),var(--clr-green-light))}.novel__cover-title{font-family:var(--font-serif);font-size:1.6rem;font-style:italic;color:var(--clr-text-primary);line-height:1.3;margin-bottom:.5rem}.novel__cover-author{font-family:var(--font-body);font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;color:var(--clr-gold)}.novel__cover-fox{font-size:3rem;margin:1rem 0;filter:drop-shadow(0 0 10px rgba(184,92,32,.6))}.novel__cover-badge{position:absolute;bottom:1.5rem;background:#c8920a26;border:1px solid var(--clr-gold);border-radius:var(--radius-xl);padding:.3rem .9rem;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--clr-gold)}.novel__glow{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(ellipse,rgba(107,47,173,.3),transparent 70%);pointer-events:none;border-radius:50%}.novel__badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:#6b2fad26;border:1px solid var(--clr-purple-mid);border-radius:var(--radius-xl);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--clr-purple-soft);margin-bottom:1.5rem}.novel__sinopsis{font-family:var(--font-display);font-size:1.15rem;color:var(--clr-text-secondary);line-height:1.8;margin-bottom:2rem}.novel__sinopsis strong{color:var(--clr-text-primary);font-weight:600}.novel__fox-hint{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;background:var(--glass-bg);border:1px solid var(--clr-border);border-left:3px solid var(--clr-fox);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:2rem}.novel__fox-hint p{font-family:var(--font-display);font-style:italic;font-size:.98rem;color:var(--clr-text-secondary);line-height:1.6}.novel__fox-icon{font-size:1.8rem;flex-shrink:0}.genre{text-align:center;max-width:820px;margin:0 auto}.genre__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}.genre__card{background:var(--glass-bg);border:1px solid var(--clr-border);border-radius:var(--radius-md);padding:2rem 1.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--transition-mid);position:relative;overflow:hidden}.genre__card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--clr-purple-mid),transparent);opacity:0;transition:opacity var(--transition-mid)}.genre__card:hover{transform:translateY(-4px);border-color:var(--clr-purple-mid);box-shadow:var(--shadow-purple)}.genre__card:hover:before{opacity:1}.genre__icon{font-size:2.2rem;margin-bottom:1rem}.genre__card h3{font-family:var(--font-serif);font-size:1.1rem;color:var(--clr-text-primary);margin-bottom:.75rem}.genre__card p{font-size:.9rem;color:var(--clr-text-muted);line-height:1.6}.genre__quote{margin:3.5rem auto 0;max-width:600px;font-family:var(--font-dramatic);font-size:clamp(1.2rem,2.5vw,1.7rem);font-style:italic;color:var(--clr-text-secondary);line-height:1.6;text-align:center;position:relative;padding:0 2rem}.genre__quote:before,.genre__quote:after{content:'"';font-family:var(--font-serif);font-size:5rem;color:var(--clr-purple-deep);line-height:0;position:absolute}.genre__quote:before{top:1rem;left:0}.genre__quote:after{content:'"';bottom:-1rem;right:0}.about{display:grid;grid-template-columns:1fr 1.3fr;gap:6rem;align-items:center}.about__image-wrapper{position:relative}.about__photo{width:100%;max-width:420px;border-radius:var(--radius-lg);filter:drop-shadow(0 20px 60px rgba(107,47,173,.4));position:relative;z-index:1}.about__image-frame{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border:1px solid var(--clr-border-gold);border-radius:calc(var(--radius-lg) + 12px);pointer-events:none}.about__image-frame:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid var(--clr-border);border-radius:var(--radius-lg)}.about__origin{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--clr-green-light);margin-bottom:1.5rem;font-weight:700}.about__text{font-family:var(--font-display);font-size:1.1rem;color:var(--clr-text-secondary);line-height:1.8;margin-bottom:1.5rem}.about__highlight{display:flex;gap:1.25rem;padding:1.5rem;background:var(--clr-gold-soft);border:1px solid var(--clr-border-gold);border-radius:var(--radius-md);margin-top:2.5rem;align-items:flex-start}.about__highlight p{font-family:var(--font-dramatic);font-style:italic;font-size:1rem;color:var(--clr-text-gold);line-height:1.6}.letters{max-width:760px;margin:0 auto}.letters__story{font-family:var(--font-display);font-size:1.12rem;color:var(--clr-text-secondary);line-height:1.9;margin-bottom:1.5rem}.letters__story strong{color:var(--clr-purple-soft);font-weight:600}.letters__milestone{display:flex;gap:1.5rem;align-items:flex-start;padding:1.25rem 0;border-bottom:1px solid var(--clr-border)}.letters__milestone:last-child{border-bottom:none}.letters__milestone-year{font-family:var(--font-serif);font-size:1.5rem;font-style:italic;color:var(--clr-purple-mid);min-width:60px;line-height:1;padding-top:.1rem}.letters__milestone-text{font-family:var(--font-display);font-size:1rem;color:var(--clr-text-secondary);line-height:1.6}.letters__milestone-text strong{color:var(--clr-text-primary);display:block;margin-bottom:.25rem}.letters__closing{margin-top:3rem;padding:2rem;background:linear-gradient(135deg,#3b12664d,#2d5c3f26);border:1px solid var(--clr-border);border-radius:var(--radius-md);font-family:var(--font-dramatic);font-style:italic;font-size:1.1rem;color:var(--clr-text-secondary);line-height:1.7;text-align:center}.contact{text-align:center;max-width:640px;margin:0 auto}.contact__text{font-family:var(--font-display);font-size:1.15rem;color:var(--clr-text-muted);margin-bottom:3rem;line-height:1.7}.contact__form{display:flex;flex-direction:column;gap:1rem;text-align:left}.contact__field{display:flex;flex-direction:column;gap:.4rem}.contact__field label{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--clr-text-muted);font-weight:700}.contact__field input,.contact__field textarea{background:var(--glass-bg);border:1px solid var(--clr-border);border-radius:var(--radius-sm);padding:.875rem 1.125rem;color:var(--clr-text-primary);font-family:var(--font-body);font-size:.95rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);resize:none;outline:none}.contact__field input:focus,.contact__field textarea:focus{border-color:var(--clr-purple-mid);box-shadow:0 0 0 3px #6b2fad33}.contact__field input::-moz-placeholder,.contact__field textarea::-moz-placeholder{color:var(--clr-text-muted);opacity:.6}.contact__field input::placeholder,.contact__field textarea::placeholder{color:var(--clr-text-muted);opacity:.6}.contact__btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2.5rem;background:linear-gradient(135deg,var(--clr-purple-deep),var(--clr-purple-mid));border:1px solid var(--clr-purple-light);border-radius:var(--radius-xl);font-family:var(--font-body);font-size:.9rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--clr-text-primary);transition:all var(--transition-mid);box-shadow:0 4px 20px #6b2fad66;margin-top:.5rem;align-self:center}.contact__btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6b2fad99}.nati-footer{border-top:1px solid var(--clr-border);padding:2.5rem 8%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.nati-footer__brand{font-family:var(--font-serif);font-size:1.1rem;font-style:italic;color:var(--clr-text-muted)}.nati-footer__copy{font-size:.8rem;color:var(--clr-text-muted);letter-spacing:.05em}.nati-footer__genre{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--clr-purple-soft);opacity:.7}.ornament{text-align:center;color:var(--clr-purple-deep);font-size:1.5rem;letter-spacing:.5rem;margin:1rem 0;opacity:.6}.reveal{opacity:.05;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}@media(max-width:900px){.section{padding:var(--space-lg) 6%}.novel,.about{grid-template-columns:1fr;gap:3rem;text-align:center}.novel__book{justify-content:center}.about__image-wrapper{display:flex;justify-content:center}.about__photo{max-width:320px}.genre__grid{grid-template-columns:1fr 1fr}.hero__image{opacity:.25;right:-5%}.hero__content{padding:0 6%;max-width:100%}.navbar__links{display:none}.nati-footer{flex-direction:column;text-align:center}}@media(max-width:560px){.genre__grid{grid-template-columns:1fr}.novel__cover-wrapper{width:220px}.novel__cover-placeholder{width:220px;height:330px}}