:root{--parchment:#eadfca;--parchment-light:#f6efe3;--quijote-ink:#0b192c;--quijote-gold:#b98a43}
.quijote-hero{--scene-progress:0;--pointer-x:0;--pointer-y:0;color:var(--quijote-ink);background:var(--parchment)}
.quijote-hero .hero-copy{z-index:8;text-shadow:0 2px 24px rgba(246,239,227,.9)}
.quijote-hero .hero-lede{color:rgba(11,25,44,.76)}
.quijote-hero .text-link{color:var(--quijote-ink)}
.quijote-hero .hero-panel{color:var(--quijote-ink);border-color:rgba(11,25,44,.28);background:rgba(246,239,227,.72);box-shadow:0 28px 80px rgba(11,25,44,.16);backdrop-filter:blur(18px)}
.quijote-hero .panel-label{border-color:rgba(11,25,44,.18)}
.quijote-cinematic{left:31%;z-index:-3;overflow:visible;perspective:1200px;opacity:1;transform-style:preserve-3d}
.cinematic-canvas-slot{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}
.cinematic-4d-canvas{display:block;width:100%;height:100%;pointer-events:none;opacity:.9;mix-blend-mode:multiply}
.quijote-scene{position:absolute;z-index:1;inset:0;width:100%;height:100%;min-width:900px;overflow:visible;transform:translate3d(calc(var(--pointer-x)*-7px),calc(var(--pointer-y)*-5px),0) scale(1.015);transform-origin:center;filter:sepia(.12) contrast(1.04)}
.scene-paper{fill:var(--parchment)}
.scene-hatch{opacity:calc(.74 - var(--scene-progress)*.16)}
.storm-engraving{position:absolute;z-index:2;inset:0;background:repeating-linear-gradient(168deg,transparent 0 12px,rgba(11,25,44,.045) 13px 14px);opacity:calc(.5 - var(--scene-progress)*.42);transform:translate3d(calc(var(--pointer-x)*-12px),calc(var(--pointer-y)*-7px),30px);pointer-events:none}
.storm-cloud{transform-box:fill-box;transform-origin:center;opacity:calc(.74 - var(--scene-progress)*.62);transition:opacity .12s linear}
.cloud-a{transform:translate3d(calc(var(--scene-progress)*42px),calc(var(--scene-progress)*-18px),0)}
.cloud-b{transform:translate3d(calc(var(--scene-progress)*76px),calc(var(--scene-progress)*-28px),0)}
.gold-light{opacity:calc(.18 + var(--scene-progress)*.74);transform-box:fill-box;transform-origin:center;transform:translate3d(calc(var(--pointer-x)*10px),calc(var(--pointer-y)*6px),0) scale(calc(.9 + var(--scene-progress)*.13));transition:opacity .12s linear}
.engraving-line{fill:none;stroke:#0b192c;stroke-width:1.45;stroke-linecap:round;opacity:.32;stroke-dasharray:none;stroke-dashoffset:0;animation:lineBreathe 12s ease-in-out infinite alternate}
.puerto-rico-horizon{fill:rgba(185,138,67,.06);stroke:#0b192c;stroke-width:1.2;stroke-dasharray:3 7;opacity:calc(.08 + var(--scene-progress)*.18)}
.horizon-wash{opacity:calc(.3 + var(--scene-progress)*.62)}
.windmill-position,.rider-position{transform-box:fill-box;transform-origin:center}
.windmill{fill:#10223a;stroke:#0b192c;stroke-width:2;opacity:calc(.88 - var(--scene-progress)*.12);filter:drop-shadow(0 18px 24px rgba(11,25,44,.18));transform-box:fill-box;transform-origin:50% 82%;transform:translate3d(calc(var(--pointer-x)*13px),calc(var(--pointer-y)*8px),0) scale(calc(1.58 - var(--scene-progress)*.56));transition:opacity .12s linear}
.windmill-roof,.windmill-door{fill:var(--parchment);stroke:#0b192c}
.windmill-blades{transform-box:fill-box;transform-origin:center;animation:windmillTurn 46s linear infinite}
.windmill-blades path{fill:rgba(234,223,202,.88);stroke:#0b192c;stroke-width:2}.windmill-blades circle{fill:var(--quijote-gold);stroke:#0b192c}.windmill-blades .blade-ribs{fill:none;stroke-width:1;opacity:.7}
.quijote-rider{fill:#0b192c;stroke:#0b192c;stroke-width:1.45;stroke-linejoin:round;opacity:.9;transform-box:fill-box;transform-origin:45% 84%;transform:translate3d(calc(var(--pointer-x)*-9px),calc(var(--pointer-y)*-5px),0) scale(calc(1.04 - var(--scene-progress)*.04));animation:riderBreathe 11s ease-in-out infinite alternate}
.quijote-rider .lance,.quijote-rider .ribbon{fill:none;stroke:#0b192c;stroke-linecap:round}.quijote-rider .lance{stroke-width:3;transform-box:fill-box;transform-origin:0 100%;transform:rotate(calc(var(--scene-progress)*32deg));transition:transform .12s linear}.quijote-rider .ribbon{stroke-width:1.4}
.clarity-ray{fill:none;stroke:var(--quijote-gold);stroke-width:1.2;stroke-dasharray:4 16;opacity:calc(.08 + var(--scene-progress)*.42);stroke-dashoffset:calc(var(--scene-progress)*-160px)}
.debt-paper-field{position:absolute;z-index:3;inset:0;transform-style:preserve-3d;perspective:900px;pointer-events:none}
.debt-paper{position:absolute;left:var(--paper-x);top:var(--paper-y);display:grid;gap:7px;width:clamp(58px,6vw,92px);aspect-ratio:.72;padding:12px 10px;border:1px solid rgba(11,25,44,.42);background:rgba(246,239,227,.93);box-shadow:0 16px 35px rgba(11,25,44,.13);opacity:clamp(0,calc((.68 - var(--scene-progress))*3.6),1);transform:translate3d(calc(var(--pointer-x)*var(--paper-z)*.12),calc(var(--pointer-y)*var(--paper-z)*.09 + var(--scene-progress)*54px),var(--paper-z)) rotate(var(--paper-r)) scale(calc(1 - var(--scene-progress)*.24));transform-origin:center;transition:opacity .08s linear;animation:paperDrift 9s ease-in-out infinite alternate}
.debt-paper i,.ordered-page i{display:block;height:1px;background:rgba(11,25,44,.34)}
.debt-paper i:nth-child(2),.ordered-page i:nth-of-type(2){width:72%}.debt-paper i:nth-child(3),.ordered-page i:nth-of-type(3){width:86%}
.paper-2,.paper-5{animation-delay:-2.4s}.paper-3,.paper-6{animation-delay:-5.1s}
.ordered-pages{position:absolute;z-index:4;right:5.5%;bottom:17%;display:flex;gap:12px;opacity:clamp(0,calc((var(--scene-progress) - .58)*3.1),1);transform:translate3d(calc((1 - var(--scene-progress))*95px + var(--pointer-x)*7px),calc((1 - var(--scene-progress))*35px + var(--pointer-y)*4px),150px) rotateY(calc((1 - var(--scene-progress))*-12deg));transform-style:preserve-3d;transform-origin:right bottom;pointer-events:none}
.ordered-page{display:grid;grid-template-rows:auto auto 1fr;gap:8px;width:clamp(105px,9.5vw,150px);aspect-ratio:.72;padding:16px 14px;border:1px solid rgba(11,25,44,.48);background:rgba(247,240,226,.96);box-shadow:0 20px 38px rgba(11,25,44,.18);transform:translate3d(0,calc((1 - var(--scene-progress))*var(--page-rise,30px)),0) rotate(var(--page-angle,-2deg))}
.ordered-page:nth-child(2){--page-rise:55px;--page-angle:1deg;transform:translate3d(0,calc((1 - var(--scene-progress))*var(--page-rise)),18px) rotate(var(--page-angle))}.ordered-page:nth-child(3){--page-rise:78px;--page-angle:3deg;transform:translate3d(0,calc((1 - var(--scene-progress))*var(--page-rise)),36px) rotate(var(--page-angle))}
.ordered-page span{color:var(--quijote-gold);font-size:.56rem;font-weight:800;letter-spacing:.14em}.ordered-page strong{color:var(--quijote-ink);font:400 clamp(.78rem,1vw,1rem)/1.08 Georgia,"Times New Roman",serif}.ordered-page i{margin-top:2px}
.cta-light-sweep{position:absolute;z-index:2;right:44%;bottom:22%;width:min(78vw,1050px);height:170px;background:linear-gradient(100deg,rgba(185,138,67,0),rgba(185,138,67,.23) 48%,rgba(240,213,161,0));filter:blur(24px);opacity:clamp(0,calc((var(--scene-progress) - .82)*5.5),.78);transform:translate3d(calc((1 - var(--scene-progress))*140px),0,0) rotate(-8deg);transform-origin:right center;pointer-events:none}
.hero-veil{z-index:-2;background:linear-gradient(90deg,var(--parchment) 0%,rgba(234,223,202,.98) 34%,rgba(234,223,202,.74) 52%,rgba(234,223,202,.15) 76%,rgba(234,223,202,0) 100%)}
.qa-final .quijote-cinematic *{animation:none!important}
.qa-final .windmill-blades{transform:rotate(18deg)}
@keyframes paperDrift{0%{margin-top:-5px}100%{margin-top:8px}}
@keyframes riderBreathe{0%{filter:drop-shadow(0 9px 10px rgba(11,25,44,.08))}100%{filter:drop-shadow(0 14px 16px rgba(11,25,44,.15))}}
@media (max-width:900px){.quijote-cinematic{left:15%}.hero-veil{background:linear-gradient(90deg,var(--parchment) 0%,rgba(234,223,202,.93) 52%,rgba(234,223,202,.28) 84%,transparent)}.ordered-pages{right:2%;transform:scale(.88) translate3d(calc((1 - var(--scene-progress))*70px),calc((1 - var(--scene-progress))*25px),120px);transform-origin:right bottom}}
@media (max-width:560px){.quijote-hero .hero-grid{padding-top:clamp(304px,82vw,338px)}.quijote-cinematic{top:0;right:0;bottom:auto;left:0;height:330px;opacity:.97;overflow:hidden}.quijote-scene{min-width:0;transform:none;filter:sepia(.08) contrast(1.13)}.windmill{opacity:.9}.quijote-rider{opacity:.96}.hero-veil{background:linear-gradient(180deg,rgba(234,223,202,.02) 0%,rgba(234,223,202,.1) 52%,var(--parchment) 94%,var(--parchment) 100%)}.debt-paper{width:50px;padding:7px 6px}.debt-paper-field{opacity:.66}.ordered-pages{right:4%;bottom:3%;gap:4px;transform:scale(.4) translate3d(calc((1 - var(--scene-progress))*42px),calc((1 - var(--scene-progress))*16px),80px);transform-origin:right bottom}.cta-light-sweep{right:0;bottom:-4%;width:120vw;height:96px}.quijote-hero .hero-panel{background:rgba(246,239,227,.9)}}
@media (prefers-reduced-motion:reduce){.quijote-cinematic *{animation:none!important;animation-play-state:paused!important}.debt-paper{opacity:0}.ordered-pages{opacity:1}.storm-cloud{opacity:.14}.gold-light{opacity:.82}.windmill{transform:scale(1)}.quijote-rider .lance{transform:rotate(32deg)}}