*{box-sizing:border-box}html,body{margin:0;background:#160f08;color:#fff8ed;font-family:Arial,sans-serif}a{color:inherit}.reference-shell{width:100%;max-width:1100px;margin:auto;container-type:inline-size;background:#281b10}.hero{position:relative;aspect-ratio:941/894;isolation:isolate;overflow:hidden}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:-2}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#160f0866,transparent 55%);z-index:-1;pointer-events:none}.authentic-logo{position:absolute;left:7.4%;top:19%;width:34%;height:auto}.hero-copy{position:absolute;left:7.4%;top:47%;width:39%;text-shadow:0 1px 5px #160f0866}.hero-copy:before{content:"";display:block;width:10cqw;height:2px;background:#e0b657;margin-bottom:2.2cqw}.hero h1{font:normal 5.55cqw/.99 Georgia,serif;margin:0 0 2.5cqw;min-height:22.1cqw}.hero p{font:normal 2.8cqw/1.3 Arial,sans-serif;margin:0}.language{position:absolute;right:3%;top:2.8%;display:flex;gap:5px;padding:4px;background:#17100899;border-radius:4px;font-size:clamp(12px,1.8cqw,18px)}.language a{display:flex;align-items:center;justify-content:center;min-width:34px;min-height:36px;text-decoration:none}.language a[aria-current]{color:#f8cf71;text-decoration:underline;text-underline-offset:4px}.menu{position:absolute;top:2.8%;left:3%;z-index:5}.menu summary{display:flex;flex-direction:column;justify-content:center;gap:7px;cursor:pointer;list-style:none;width:44px;height:44px;padding:5px}.menu summary::-webkit-details-marker{display:none}.menu summary span{display:block;width:100%;height:1.5px;background:#fff4e1}.menu nav{position:absolute;top:100%;left:0;padding:18px;background:#1b130cf5;border:1px solid #dcb262;border-radius:10px;display:flex;flex-direction:column;gap:20px;min-width:185px}.menu nav a{text-decoration:none;font-size:15px}.cards{display:grid;gap:1.2cqw;padding:0 2.34cqw 3.6cqw}.editorial-card{display:block;position:relative;aspect-ratio:898/240;overflow:hidden;border:1px solid #dbb366;border-radius:2.1cqw;text-decoration:none;background-image:url("approved-composition-20261022.webp");background-size:104.79% auto}.card-0{background-position:50% 62.43%}.card-1{background-position:50% 79.13%}.card-2{background-position:50% 97.53%}.card-copy{position:absolute;inset:0 auto 0 0;width:58%;display:flex;flex-direction:column;justify-content:center;padding:2cqw 5cqw;background:linear-gradient(90deg,#1b1007 0%,#1b1007 79%,#1b1007f5 88%,#1b100700)}.card-copy h2{font:normal 5.5cqw/1.1 Georgia,serif;white-space:nowrap;margin:0 0 1.5cqw}.card-copy h2:after{content:"";display:block;width:10cqw;height:1px;background:#e0b657;margin-top:1.5cqw}.card-copy p{font:normal 2.6cqw/1.35 Arial,sans-serif;margin:0;max-width:34cqw}.card-2 .card-copy{width:64%}.card-2 p{max-width:44cqw}.arrow{position:absolute;right:3.3cqw;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:8.5cqw;height:8.5cqw;background:#160f08;border:1.5px solid #e9c66a;border-radius:50%;color:#e9c66a;font:normal 5.6cqw/1 Georgia,serif}.prototype-note{max-width:1100px;margin:auto;padding:12px 4%;font-size:12px;line-height:1.5;color:#caba9b;text-align:center}a:focus-visible,summary:focus-visible{outline:3px solid #ffdb76;outline-offset:3px}@media(prefers-reduced-motion:no-preference){.editorial-card{transition:box-shadow .15s ease}.editorial-card:hover{box-shadow:inset 0 0 0 2px #f2cf7b88}}@media(max-width:400px){.language{gap:0;top:2%}.language a{min-width:31px}.menu{top:2%}.menu summary{width:36px;height:36px;gap:6px}.hero-copy{top:46%}}

/* Keep the photograph above the shell background and below live editorial content. */
.hero-photo{z-index:0}.hero:after{z-index:1}.hero-copy,.authentic-logo{z-index:2}.language{z-index:3}

/* Exact source-card framing: use the single border and arrow already in the artwork. */
.editorial-card{border:0}.card-0{aspect-ratio:898/230;background-position:50% 61.9972%}.card-1{aspect-ratio:898/240;background-position:50% 79.1899%}.card-2{aspect-ratio:898/253;background-position:50% 97.5335%}.arrow{display:none}
@media(max-width:600px){.hero p{font-size:3.2cqw}.card-copy p{font-size:3cqw}.card-copy{padding-top:1.5cqw;padding-bottom:1.5cqw}.language a{min-height:44px;min-width:36px}.menu summary{min-width:44px;min-height:44px}}

/* Photograph fills the card; the shading fades gradually across it.
   Only the text-free upper portions of the original card photographs are visible. */
.editorial-card{isolation:isolate;background-size:100% auto;background-repeat:no-repeat;background-color:#21160f}
.card-0{background-image:url("tarjeta-1.webp");background-position:50% 22%}
.card-1{background-image:url("tarjeta-2.webp");background-position:50% 20%}
.card-2{background-image:url("tarjeta-3.webp");background-position:50% 24%}
.editorial-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,10,6,.92) 0%,rgba(15,10,6,.78) 18%,rgba(15,10,6,.58) 36%,rgba(15,10,6,.28) 56%,rgba(15,10,6,.08) 76%,transparent 100%);z-index:0;pointer-events:none}
.editorial-card:after{content:"";position:absolute;inset:0;border:1px solid #dcb86e;border-radius:inherit;z-index:2;pointer-events:none}
.card-copy{background:none;z-index:1;text-shadow:0 1px 4px #0008}
.editorial-card .arrow{display:grid;z-index:1;background:#160f0870;font-size:5cqw}

/* One quiet language control; its label names the alternative language. */
.language-switch{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:56px;padding:0 10px;border:1px solid #fff4e12b;border-radius:24px;background:transparent;color:#fff4e1;text-decoration:none;font:normal 11px/1 Arial,sans-serif;letter-spacing:.08em}
.language-switch svg{flex:none;opacity:.8}
.language-switch:hover{background:#fff4e110;border-color:#fff4e15c}
.language-switch:focus-visible{outline:2px solid #f5cf7b;outline-offset:3px}

.language{background:none;padding:0;gap:0}.language a.language-switch{min-width:56px;min-height:44px;padding:0 10px;color:#fff4e1;text-decoration:none}.menu summary{width:44px;height:44px;gap:6px}.menu summary span{width:28px}.language,.menu{top:2.8%}@media(max-width:600px){.language,.menu{top:2%;}.language{right:3%}.language a.language-switch{min-width:52px;padding:0 8px;font-size:10px;gap:5px}}

/* Private demo: clear access to the connected administration. */
.menu nav .admin-link{border-top:1px solid #dcb26255;padding-top:16px;line-height:1.5;min-height:44px}.admin-entry{display:flex;align-items:center;justify-content:center;min-height:48px;margin:10px auto 0;padding:8px 12px;width:fit-content;font-size:15px;color:#f3dfb9;text-underline-offset:4px}