@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;700&family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&display=swap');
:root{--paper:#e7dfd0;--paper-dark:#d7c9b5;--ink:#29221c;--muted:#796d5d;--wood:#5f3925;--wood-dark:#2e1d16;--red:#9f4133;--orange:#cf7045;--green:#68745a;--line:#9e8d78;--sans:'DM Sans',Arial,sans-serif;--display:'Fraunces',Georgia,serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.5;overflow-x:hidden}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:8;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}.reading-progress{position:fixed;z-index:20;top:0;left:0;right:0;height:4px;background:#c0b3a0}.reading-progress span{display:block;height:100%;width:0;background:var(--red);transition:width .1s linear}.catalog-header{display:flex;justify-content:space-between;align-items:flex-start;padding:34px clamp(22px,6vw,95px) 0;gap:30px}.masthead{font:500 18px var(--mono);letter-spacing:.13em}.masthead i{font-style:normal;color:var(--red)}.header-note{display:grid;gap:5px;text-align:center;font:9px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.header-note span:last-child{font-size:10px;letter-spacing:0;color:var(--ink)}.year{font:500 13px var(--mono);color:var(--red)}.catalog-intro{max-width:1260px;margin:auto;padding:clamp(90px,12vw,170px) clamp(22px,6vw,95px) 100px;display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;align-items:end}.eyebrow{display:flex;align-items:center;gap:10px;font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--red)}.eyebrow span{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px #9f413322}.catalog-intro h1{font:500 clamp(80px,12vw,180px)/.78 var(--display);letter-spacing:-.1em;margin:37px 0 30px}.catalog-intro h1 em{font-style:italic;color:var(--red);letter-spacing:-.08em}.intro-lead{font:500 18px/1.25 var(--sans);max-width:350px;letter-spacing:-.03em}.intro-aside{border-left:1px solid var(--line);padding-left:30px;max-width:290px;justify-self:end}.sticker{display:inline-block;padding:16px 19px;border:1px solid var(--red);color:var(--red);font:500 10px/1.25 var(--mono);letter-spacing:.1em;transform:rotate(-4deg);background:#e7dfd088}.sticker strong{font-weight:500;color:var(--ink)}.intro-aside p{color:var(--muted);font-size:13px;margin:40px 0 0}.arrow-down{display:block;color:var(--red);font-size:34px;margin-top:45px}.shelf-section{background:var(--wood-dark);padding:27px clamp(16px,5vw,80px) 0;box-shadow:inset 0 17px 0 #1b120e}.shelf-label{max-width:1260px;margin:auto;display:flex;justify-content:space-between;gap:20px;color:#d4b38e;font:9px var(--mono);text-transform:uppercase;letter-spacing:.11em;padding:13px 0 29px}.shelf-label span:last-child{color:#9b7558}.shelf-grid{max-width:1260px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(15px,2.7vw,38px);align-items:end}.film-card{min-width:0;color:var(--paper);--accent:var(--orange)}.film-ana{--accent:#ee6b3a}.film-jose{--accent:#91b19c}.film-desgraca{--accent:#b86b52}.poster-link{display:block;perspective:900px}.poster{position:relative;aspect-ratio:.7;overflow:hidden;border:9px solid #bda88f;border-bottom-width:14px;background:#444;box-shadow:0 14px 0 #1d130e,0 18px 25px #0008;transition:transform .55s cubic-bezier(.2,.75,.25,1),box-shadow .55s}.poster-link:hover .poster{transform:translateY(-14px) rotateY(-3deg) rotateX(1deg);box-shadow:0 26px 0 #1d130e,0 32px 32px #000a}.poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.67) contrast(1.04);transition:transform .8s}.poster-link:hover img{transform:scale(1.06)}.poster-shade{position:absolute;inset:0;background:linear-gradient(0deg,#10100de8 0%,#10100d55 38%,#10100d2b 100%)}.film-jose .poster-shade{background:linear-gradient(0deg,#071118e8 0%,#07111854 48%,#07111818 100%)}.film-desgraca .poster-shade{background:linear-gradient(0deg,#1a1713ee 0%,#1a171366 47%,#1a171328 100%)}.poster-top{position:absolute;top:17px;left:17px;right:17px;display:flex;justify-content:space-between;gap:10px;font:9px var(--mono);letter-spacing:.1em;color:#e4ddd0}.poster-top span:last-child{color:var(--accent)}.poster-title{position:absolute;left:17px;bottom:60px;font:500 clamp(44px,6vw,90px)/.77 var(--display);letter-spacing:-.12em;color:#f4ebdf}.poster-title span{color:var(--accent)}.poster-title small{display:block;font:500 clamp(12px,1.8vw,22px)/.9 var(--sans);letter-spacing:-.04em;color:var(--accent);margin-top:10px}.film-jose .poster-title{font-size:clamp(41px,5.6vw,80px)}.film-jose .poster-title small{font-size:clamp(13px,1.8vw,22px)}.poster-title em{color:var(--accent);font-style:italic}.poster-bottom{position:absolute;left:17px;bottom:19px;color:#d1c6b5;font:9px var(--mono);text-transform:uppercase;letter-spacing:.1em}.card-caption{display:flex;justify-content:space-between;gap:12px;padding:25px 1px 14px}.card-index{color:var(--accent);font:9px var(--mono);letter-spacing:.12em}.card-caption h2{font:500 clamp(22px,2.1vw,30px)/.95 var(--sans);letter-spacing:-.07em;margin:10px 0 9px}.card-caption p{color:#aa947d;margin:0;font-size:12px;max-width:270px}.card-mark{font:38px var(--display);color:var(--accent);line-height:1}.card-actions{border-top:1px solid #b89e8466;padding:13px 0 27px;display:flex;justify-content:space-between;gap:8px;color:#d4bfa8;font:9px var(--mono);text-transform:uppercase;letter-spacing:.07em}.card-actions a{transition:.2s}.card-actions a:hover{color:var(--accent)}.card-actions .open-film{color:var(--paper)}.card-actions span{color:var(--accent);font-size:15px;margin-left:4px}.shelf-board{max-width:1400px;margin:22px auto 0;padding:21px clamp(20px,4vw,55px);display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(#70452c,#522f20);box-shadow:0 -3px 0 #9a603e,0 14px 0 #2b1810,0 18px 23px #0008;color:#cca37d;font:10px var(--mono);text-transform:uppercase;letter-spacing:.12em}.shelf-board span:nth-child(2){color:#9a7056;font-size:9px}.shelf-board span:last-child{color:var(--accent)}.catalog-note{max-width:1100px;margin:auto;padding:clamp(95px,11vw,165px) clamp(22px,6vw,95px);display:grid;grid-template-columns:.2fr 1fr .2fr;gap:40px;align-items:center}.catalog-note-number{font:500 51px/.8 var(--display);color:var(--red);letter-spacing:-.1em}.catalog-note-number small{font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.catalog-note h2{font:500 clamp(41px,5vw,77px)/.88 var(--display);letter-spacing:-.08em;margin:20px 0 24px}.catalog-note h2 em{font-style:italic;color:var(--red)}.catalog-note p:not(.eyebrow){color:var(--muted);max-width:400px;margin:0}.note-stamp{justify-self:end;border:1px solid var(--red);color:var(--red);padding:13px 12px;font:500 12px/1 var(--mono);letter-spacing:.12em;transform:rotate(7deg)}.catalog-footer{background:#2e1d16;color:#a8866e;border-top:1px solid #a8866e55;padding:17px clamp(22px,6vw,95px);display:flex;justify-content:space-between;gap:20px;font:9px var(--mono);text-transform:uppercase;letter-spacing:.08em}.catalog-footer span:nth-child(2){color:#d2b090}.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:800px){.catalog-header{padding:24px 22px 0}.header-note{display:none}.catalog-intro{grid-template-columns:1fr;padding:100px 22px 86px;gap:45px}.catalog-intro h1{font-size:clamp(78px,22vw,140px)}.intro-aside{justify-self:start;padding-left:20px}.shelf-section{padding-left:15px;padding-right:15px}.shelf-label{padding-left:7px;padding-right:7px;line-height:1.5}.shelf-label span:last-child{display:none}.shelf-grid{grid-template-columns:1fr;max-width:420px;gap:50px}.poster{aspect-ratio:.72}.poster-title{font-size:clamp(61px,17vw,96px)}.film-jose .poster-title{font-size:clamp(56px,16vw,88px)}.card-caption h2{font-size:28px}.shelf-board{margin-left:-15px;margin-right:-15px;flex-wrap:wrap}.shelf-board span:nth-child(2){order:3;width:100%}.catalog-note{grid-template-columns:55px 1fr;gap:25px;padding:95px 22px}.note-stamp{grid-column:2;justify-self:start}.catalog-footer{flex-wrap:wrap;font-size:8px}.catalog-footer span:nth-child(2){width:100%;order:3}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}