@import url('./fonts.css');

/* One visual system for the living archive and its original record pages. */
:root{
  --paper:#f5f5f2;--paper-light:#fff;--ink:#202322;--muted:#595e5b;--rule:#d3d7d3;
  --brass:#af3024;--olive:#535e2c;--teal:#176567;--rust:#a33228;
  --papel:var(--paper);--papel-c:#fff;--tinta:var(--ink);--tinta-t:#343a36;--grafito:var(--muted);
  --tierra:#e7e9e4;--linea:var(--rule);--laton:var(--brass);--oliva:var(--olive);
  --display:'Instrument Serif',Georgia,serif;--disp:var(--display);
  --body:'Spectral',Georgia,serif;--texto:var(--body);
  --label:'Archivo Narrow',Arial,sans-serif;--cota:var(--label);
  --sans:Arial,Helvetica,sans-serif;--maxw:1440px;--pad:3.5rem;
}
html{font-size:16px;scroll-padding-top:110px}
body.mufu-edition{background:var(--paper);color:var(--ink);font-size:1rem;letter-spacing:0}
.mufu-edition :where(h1,h2,h3,h4,a,b,strong,span,p){letter-spacing:0}
body.dialog-open{overflow:hidden}
.mufu-edition :focus-visible{outline:3px solid #c83f31;outline-offset:5px}
.mufu-edition ::selection{background:#b93025;color:white}
.mufu-edition .content-wide,.mufu-edition .wrap{max-width:1440px;padding-inline:3.5rem}
.mufu-edition .section-label,.mufu-edition .eyebrow{font:500 .9375rem/1.5 var(--label)}
.mufu-edition .section-label span:first-child{color:var(--brass)}
.mufu-edition .section-head{gap:1.2rem 5rem;margin-bottom:3.5rem}
.mufu-edition .section-head>p:last-child{font-size:1.0625rem;line-height:1.8}
.mufu-edition .section-head h2,.mufu-edition .head .h-l{font-size:4rem;line-height:1.03}
.mufu-edition .h-m{font-size:2.5rem}
.mufu-edition .lede{font-size:1.7rem}
.mufu-edition .prose h3{font-size:2rem}
.mufu-edition .source-note{font-size:.9375rem}
.mufu-edition .text-link,.mufu-edition .refs a{text-underline-offset:5px}
.mufu-edition .refs a{font-size:.9375rem;line-height:1.5}
.mufu-edition .refs{gap:.65rem 1.4rem}
.mufu-edition .refs svg{margin-left:.2rem}
.mufu-edition .band{padding-block:6rem}

/* Navigation stays visible; the index exposes every destination on touch. */
.mufu-edition .site-header,.mufu-edition .bar{height:88px;min-height:88px;padding:0 2.5rem!important;gap:2rem!important;background:#fff!important;border-bottom:1px solid #dedfda!important}
.mufu-edition .site-brand,.mufu-edition .bar__mark{font:700 1.8rem/1 var(--sans)!important;letter-spacing:0;color:var(--ink);min-width:100px;text-decoration:none}
.mufu-edition .site-brand span,.mufu-edition .bar__mark span{color:var(--ink)}
.mufu-edition .site-brand small{display:block;font:400 .75rem/1 var(--sans);margin-top:.4rem}
.mufu-edition .site-header nav,.mufu-edition .bar nav{gap:1.75rem;justify-content:center;margin:0;flex:1}
.mufu-edition .site-header nav a,.mufu-edition .bar nav a{font:500 .9375rem/1.4 var(--sans);color:#484e49;padding:1rem 0;white-space:nowrap}
.mufu-edition .site-header nav a:hover,.mufu-edition .bar nav a:hover{color:var(--brass)}
.mufu-edition .site-header nav a[aria-current]{color:var(--ink);border-color:var(--brass)}
.mufu-edition .museum-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:normal;text-align:left;width:100%;max-width:none;flex-shrink:0;box-sizing:border-box}
.mufu-edition .museum-header nav{display:flex}
.mufu-edition .museum-header nav a{text-decoration:none;border-bottom:2px solid transparent}
.mufu-edition .museum-header nav a[aria-current]{border-color:var(--brass)}
.mufu-edition .museum-header .site-date{font:500 .9375rem/1.25 var(--label);color:var(--ink);display:flex;align-items:center;gap:.6rem;text-decoration:none;white-space:nowrap}
.mufu-edition .museum-header .site-date b{display:block;font-weight:400;color:var(--muted)}
.mufu-edition .museum-header .site-date svg{width:20px;height:20px}
.mufu-edition .hero-caption .estatus,.mufu-edition .hero-caption .estatus b{color:#fff}
.mufu-edition .hero-caption .estatus i{background:#fff}
.mufu-edition:has(>main.caja){display:block;padding:0}
.mufu-edition>main.caja{margin:4rem auto;padding-inline:1.25rem}
.mufu-edition .site-date{font-size:.9375rem}
.mufu-edition .estatus{font-size:.9375rem;margin-left:0}
.index-toggle,.edition-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border:1px solid var(--rule);background:transparent;color:inherit;padding:0;cursor:pointer;border-radius:0;text-decoration:none}
.index-toggle{border:0;border-left:1px solid var(--rule);padding-left:1rem;width:52px}
.index-toggle:hover,.edition-icon:hover{background:#eceee9}
.index-toggle svg,.edition-icon svg{width:22px;height:22px;stroke-width:1.5}
.edition-icon:disabled{opacity:.35;cursor:default}
.reading-progress{position:fixed;inset:0 0 auto;height:3px;background:#be382b;transform:scaleX(0);transform-origin:0 50%;z-index:90;pointer-events:none}
.edition-utility{position:absolute;top:1rem;right:1rem;z-index:50}
.museum-index{position:fixed;inset:0 0 auto;width:100%;max-width:none;max-height:100svh;margin:0;padding:2rem 3.5rem 3.5rem;background:#f5f5f2;color:var(--ink);border:0;overflow:auto}
.museum-index::backdrop,.image-viewer::backdrop{background:rgba(12,17,15,.78);backdrop-filter:blur(8px)}
.index-head{display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--rule);padding-bottom:1.5rem;font:500 1rem var(--sans)}
.index-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:5rem;padding-top:2rem}
.index-layout nav a{display:flex;align-items:center;gap:1.5rem;padding:.85rem 0;border-bottom:1px solid var(--rule);text-decoration:none;color:var(--ink)}
.index-layout nav a:hover b{color:var(--brass);transform:translateX(8px)}
.index-layout nav a[aria-current] b{color:var(--brass)}
.index-layout nav a>span{font:400 .9375rem var(--label);color:var(--muted)}
.index-layout nav b{font:400 3rem/1.1 var(--display);transition:transform .2s,color .2s}
.index-layout nav svg{width:24px;height:24px;margin-left:auto}
.index-image img{display:block;width:100%;height:320px;object-fit:cover;object-position:75%}
.index-image p,.index-image>a{font:500 1rem var(--label);display:block;margin:1rem 0;color:var(--ink)}
.index-image svg{width:18px;height:18px;vertical-align:middle}

/* The supplied scene remains the first-viewport subject. */
.mufu-edition .museum-hero{height:700px;max-height:calc(100svh - 156px);min-height:440px!important;background:#101412;isolation:isolate}
.mufu-edition .hero-media{inset:0;z-index:-1}
.mufu-edition .hero-media img{object-fit:cover;object-position:70% 55%;width:100%;height:100%}
.mufu-edition .hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,15,10,.5),transparent 55%)}
.mufu-edition .hero-overlay{padding-top:3rem!important;padding-bottom:5rem!important;margin-block:auto;width:100%;text-shadow:0 2px 10px #111}
.mufu-edition .museum-hero .eyebrow{color:#f5f5f2;margin-bottom:1.2rem;font-size:1rem}
.mufu-edition .museum-hero .h-xl{font:700 9rem/.92 var(--sans);color:white;margin:0;text-wrap:nowrap;text-shadow:none}
.mufu-edition .museum-hero .h-xl .l2{font:400 3.8rem/1.15 var(--display);color:white;display:block;margin-top:.35rem}
.mufu-edition .hero-deck{font:400 1.25rem/1.5 var(--body);color:#f5f5f2;margin-top:1.4rem;max-width:27ch}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem;margin-top:1.8rem;max-width:580px}
.mufu-edition .museum-hero .entrar{display:inline-flex;margin:0;padding:.85rem 1.2rem;background:#fff;border-color:#fff;color:#171d19;font:500 1rem var(--label);text-shadow:none;gap:1.6rem;min-height:48px}
.mufu-edition .museum-hero .entrar:hover{background:#e1e9dc;border-color:#e1e9dc}
.mufu-edition .museum-hero .hero-read{display:inline-block;margin:0;color:#fff;font:500 1rem var(--label);text-underline-offset:6px}
.mufu-edition .hero-caption{position:absolute;inset:auto 0 0;min-height:52px;height:52px;background:rgba(16,21,18,.78);border-top:1px solid #626763;padding:.65rem 3.5rem;color:#fff;font-size:.875rem}
.mufu-edition .hero-caption>a{color:#fff}
.mufu-edition .hero-caption .hero-next{display:grid;place-items:center;margin-left:1rem;width:32px;height:32px}
.mufu-edition .suelo{background:#fff;border-top:0;padding:.9rem 0 1rem}
.mufu-edition .suelo__in{padding-top:0;max-width:1440px}
.mufu-edition .suelo__tag{margin:0;background:none}
.mufu-edition .suelo__co{font-size:.875rem}
.mufu-edition .home-atlas{padding:4rem 0 0;background:#fff;border-top:1px solid var(--rule)}
.mufu-edition .home-atlas-head{align-items:center;margin-bottom:1.5rem}
.mufu-edition .home-atlas-head a{font:500 1rem var(--label)}
.mufu-edition .contact-strip{grid-template-columns:repeat(14,minmax(0,1fr));gap:8px}
.mufu-edition .contact-strip a{background:#191d1a;transition:transform .25s}
.mufu-edition .contact-strip a:hover{transform:translateY(-6px)}
.mufu-edition .contact-strip img{aspect-ratio:1;object-fit:contain}
.mufu-edition .contact-bonus{color:var(--ink);background:#edf0e9!important}
.mufu-edition .home-atlas-copy{padding:3rem 0;grid-template-columns:1.15fr 1fr auto;gap:2.5rem;align-items:end}
.mufu-edition .home-atlas-copy h2{font:400 3.5rem/1.05 var(--display)}
.mufu-edition .home-atlas-copy em{color:var(--brass)}
.mufu-edition .home-atlas-copy p{font-size:1rem;line-height:1.8}
.mufu-edition .home-thread-links{border-bottom:0;border-top:1px solid var(--rule)}
.mufu-edition .home-thread-links a{padding:1.4rem 1.3rem;min-height:126px;font:400 1.8rem var(--display);transition:background .2s}
.mufu-edition .home-thread-links a:hover{background:#f0f2ec}
.mufu-edition .home-thread-links a>span{font-size:1rem;line-height:1.4;margin-top:.6rem}
.home-visuals{padding:5rem 0;background:#e9eee5;border-block:1px solid #c6cec0}
.home-visuals h2{font:400 4rem/1.02 var(--display);margin:0}
.home-visuals h2 em{color:#45614a}
.visual-portals{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.visual-portals>a{display:grid;grid-template-columns:1fr 44%;gap:1.5rem;min-height:260px;border-block:1px solid #a9b5a3;padding:1.5rem 0;text-decoration:none;color:var(--ink);overflow:hidden}
.visual-portals>a>div{display:flex;flex-direction:column;align-items:start}
.visual-portals span{font:500 .9375rem var(--label)}
.visual-portals h3{font:400 2.6rem/1.05 var(--display);margin:1.3rem 0}
.visual-portals svg{width:30px;height:30px;margin-top:auto;transition:transform .25s}
.visual-portals img{width:100%;height:250px;object-fit:contain;object-position:top;transition:transform .4s}
.visual-portals>a:hover img{transform:rotate(-2deg) scale(1.02)}
.visual-portals>a:hover svg{transform:translate(4px,-4px)}
.mufu-edition .museum-origin{padding-block:5rem;gap:7rem}
.mufu-edition .museum-origin h2{font-size:4rem}
.mufu-edition .museum-origin .tesis{font-size:1.0625rem;line-height:1.8}
.mufu-edition #cuenta{background:#e5eae7;border-top:1px solid var(--rule);padding-block:4rem}
.mufu-edition .reloj-xl{gap:3rem;margin:2rem 0 3rem}
.mufu-edition .ux b{font:400 5.5rem/.95 var(--display)}
.mufu-edition .ux i{font-size:1rem}
.mufu-edition .banda__pie{grid-template-columns:1fr 1fr;gap:2rem 4rem}
.mufu-edition .banda__coord{grid-column:1/-1}
.mufu-edition .head{grid-template-columns:.8fr 1.2fr;gap:5rem;margin-bottom:3.5rem}
.mufu-edition .cifras{margin-top:2.5rem}
.mufu-edition .cifra b{font-size:3rem}
.mufu-edition .mom{grid-template-columns:68px minmax(180px,.8fr) minmax(0,1.3fr);gap:1rem 3rem;padding:2.8rem 0;align-items:start}
.mufu-edition .mom__n{font:400 3.1rem/.95 var(--display);color:var(--brass)}
.mufu-edition .mom__n em{font:500 .875rem var(--label);margin-top:1rem}
.mufu-edition .mom__t{font-size:2.2rem;line-height:1.1}
.mufu-edition .mom__q{font-size:.9375rem}
.mufu-edition .mom__d{font-size:1.0625rem;line-height:1.8}
.mufu-edition .mom__c{grid-column:3}
.mufu-edition .mom__c summary{font-size:1rem;color:var(--ink)}
.mufu-edition .mom__c[open]{padding:1.2rem 1.5rem;background:#e9ece5}
.mufu-edition .mom__c[open] p{font-size:1rem}
.mufu-edition #futuros{background:#e9eee5}
.mufu-edition #hilo{background:white}
.mufu-edition #coleccion{background:#e4e8e2}
.mufu-edition #obra{background:#fff}
.mufu-edition .rv{opacity:1;transform:none}

/* Subpages use generous editorial openings and compact working controls. */
.mufu-edition .atlas-intro,.mufu-edition .collection-intro,.mufu-edition .archive-intro,.mufu-edition .visuals-intro{padding-top:4rem}
.mufu-edition .intro-title{padding-bottom:3rem;gap:5rem;grid-template-columns:1.2fr 1fr}
.mufu-edition .intro-title h1{font-size:5.8rem;line-height:.98}
.mufu-edition .intro-title h1 em{color:var(--brass)}
.mufu-edition .intro-title>p{font-size:1.0625rem;line-height:1.8}
.mufu-edition .chapter-nav{padding:1rem 0 1.5rem;gap:1.6rem}
.mufu-edition .chapter-nav a{font-size:1rem;min-height:30px;display:flex;align-items:center}
.mufu-edition .network-section{background:#e8ede8;padding:2.5rem 0 3rem;border-color:#c4cec4}
.mufu-edition .network-top h2{font-size:2.8rem}
.mufu-edition .thread-controls{gap:0;border:1px solid #9faa9f;padding:3px;background:#fff}
.mufu-edition .thread-controls button{font-size:1rem;border:0;padding:.65rem .85rem;min-height:44px}
.mufu-edition .thread-controls button[aria-pressed=true]{background:#243b2d;color:white}
.mufu-edition .thread-description{font-size:1rem;line-height:1.5;margin-top:1.3rem!important;max-width:95ch}
.mufu-edition .network-layout{grid-template-columns:minmax(0,1fr) 320px;gap:2rem;margin-top:2rem}
.mufu-edition .network-nodes{column-gap:1rem;row-gap:3.5rem}
.mufu-edition .network-node{min-height:150px;border-radius:0;background:#f9fbf7;border-color:#bac7bb;box-shadow:0 5px 0 #d5ddd4;padding:1rem}
.mufu-edition .network-node[aria-pressed=true]{background:#253e2d;color:white;border-color:#253e2d;box-shadow:0 5px 0 #a3b69f}
.mufu-edition .network-node strong{font-size:1.65rem;line-height:1.05}
.mufu-edition .network-node.not-in-thread{background:#e1e6df;color:#586356;box-shadow:none}
.mufu-edition .node-inspector{border-left:1px solid #a5b2a5;padding-left:1.7rem;align-self:start;position:sticky;top:116px}
.mufu-edition .node-inspector h3{font-size:2.5rem}
.mufu-edition .node-inspector p{font-size:1rem;line-height:1.7}
.mufu-edition .node-inspector .refs a{font-size:.875rem}
.mufu-edition .node-inspector li p{font-size:.9375rem}
.mufu-edition .learning-route>li{padding-block:2.5rem;grid-template-columns:60px 1fr 1.3fr}
.mufu-edition .module-number{font-size:3rem}
.mufu-edition .module-heading h3{font-size:2.4rem}
.mufu-edition .learning-summary b{font-size:5rem}
.mufu-edition .time-section{background:#233d31;color:#f4f8ee}
.mufu-edition .time-section .section-label,.mufu-edition .time-section .section-label span{color:#d6e2cf}
.mufu-edition .time-section a{color:inherit}
.mufu-edition .seventy b{font-size:5rem}
.mufu-edition .future-portraits h3{font-size:3.3rem}
.mufu-edition .optics-section{background:#f3f3ee}
.mufu-edition .closing-thesis h2{font-size:4rem}
.mufu-edition .collection-intro .intro-title{grid-template-columns:1.3fr 1fr}
.mufu-edition .count-equation{border-block:1px solid var(--rule);padding:1.5rem 0}
.mufu-edition .count-equation b{font-size:3.5rem}
.mufu-edition .collection-surface{background:#fff;padding-top:0}
.mufu-edition .collection-filters{position:sticky;top:87px;z-index:20;background:#fff;padding:1.2rem 0;border-bottom:1px solid var(--rule);gap:1rem}
.mufu-edition .search-field{background:#f1f3ef;border:1px solid #c4cbc2;min-height:52px}
.mufu-edition .search-field input{background:transparent;font:400 1rem var(--sans)}
.mufu-edition .collection-filters select{min-height:36px;background:#fff;font-size:1rem}
.mufu-edition .collection-meta{padding:1.1rem 0;font-size:1rem}
.mufu-edition .object-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:3rem 1.5rem}
.mufu-edition .object-photo{background:#131713;aspect-ratio:1;overflow:hidden;position:relative}
.mufu-edition .object-photo img{height:100%;width:100%;object-fit:contain;padding:.65rem;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.mufu-edition .object-photo:hover img{transform:scale(1.07)}
.mufu-edition .object-photo>span{background:#f2f5ed;color:#26332a;padding:.35rem .6rem;font:500 .875rem var(--label);bottom:0;left:0}
.mufu-edition .object-caption{padding-top:1rem}
.mufu-edition .object-caption h2{font-size:2.1rem;line-height:1.1;margin:.45rem 0}
.mufu-edition .object-caption>p:first-child{font-size:.9375rem}
.mufu-edition .object-material{font-size:.9375rem}
.mufu-edition .detail-command{margin-top:.6rem;min-height:36px;font-size:1rem}
.mufu-edition .bonus-space{aspect-ratio:1;border:1px dashed #87907d;background:#f0f2e8}
.mufu-edition .record-dialog{background:#fff;border:0;max-width:1120px;width:92vw;padding:4rem 3rem 3rem;box-shadow:0 24px 80px #0005}
.mufu-edition .record-dialog::backdrop{background:#132018aa;backdrop-filter:blur(6px)}
.mufu-edition .dialog-grid{gap:3rem}
.mufu-edition .dialog-grid h2{font-size:3.5rem}
.mufu-edition .dialog-grid figure img{background:#171d17;max-height:65svh;object-fit:contain}
.mufu-edition .dialog-grid p{font-size:1rem;line-height:1.8}
.mufu-edition .object-story{padding-block:5rem}
.mufu-edition .story-stages li{padding-block:1.2rem}
.mufu-edition .count-section{background:#e9eee5}
.mufu-edition .count-ledger article>b{font-size:6rem}
.mufu-edition .source-statement{font-size:1.15rem}
.mufu-edition .question-search{background:white;border-color:#aeb8aa}
.mufu-edition .question-search input{font:400 1rem var(--sans);min-height:48px}
.mufu-edition .question-list summary{font-size:1.55rem;padding:1.5rem 0}
.mufu-edition .question-list details[open]{background:white;padding-inline:1.5rem;padding-bottom:1.5rem}
.mufu-edition .status-list>div{padding:1.3rem 0}
.mufu-edition .sources-section{background:#fff}
.mufu-edition .source-list>li{padding-block:1.5rem}
.mufu-edition .source-list h3{font-size:2rem}
.mufu-edition .visuals-callout{background:#e9eee5;padding:2rem;gap:2rem}

/* Posters are readable at a glance, with an optional zoomable viewer. */
.mufu-edition .visual-poster-section{padding-block:4rem;background:#e7ece3;border-color:#c3cec0}
.mufu-edition .visual-poster-section-alt{background:#e7edec}
.mufu-edition .visual-poster{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:5rem;align-items:start}
.mufu-edition .visual-poster-reverse{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.mufu-edition .visual-poster-copy{position:sticky;top:125px;padding-top:2rem}
.mufu-edition .visual-poster-copy h2{font-size:4.2rem;line-height:1.03}
.mufu-edition .visual-poster-copy>p{font-size:1.0625rem;line-height:1.8}
.mufu-edition .visual-poster-copy .visual-note{font-size:.9375rem}
.mufu-edition .visual-poster figure{margin:0}
.mufu-edition .visual-poster figure>a{display:block;cursor:zoom-in;box-shadow:0 16px 35px #1b302424}
.mufu-edition .visual-poster figure img{width:100%;height:auto;transform:none!important}
.mufu-edition .visual-poster figcaption{font-size:.9375rem;margin-top:1rem}
.mufu-edition .visual-actions{display:flex;flex-direction:column;align-items:stretch;gap:0;margin-top:2rem;max-width:350px}
.mufu-edition .visual-actions a{min-height:52px;display:flex;align-items:center;gap:.8rem;padding:1rem 0;border-bottom:1px solid #a2b19d;border-radius:0;background:none;font:500 1rem var(--label);color:var(--ink);text-decoration:none}
.mufu-edition .visual-actions a:hover{color:var(--brass)}
.mufu-edition .visual-actions svg{width:20px;height:20px}
.image-viewer{position:fixed;inset:0;margin:0;width:100%;height:100svh;max-width:none;max-height:none;border:0;background:#171c19;color:#fff;padding:0;overflow:hidden}
.viewer-toolbar{height:80px;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid #59615a}
.viewer-toolbar p{font:500 1rem var(--label);margin:0;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.viewer-toolbar>div{display:flex;align-items:center;gap:.5rem}
.viewer-toolbar .edition-icon{color:white;border-color:#59615a}
.viewer-toolbar .edition-icon:hover{background:#3c4c3f}
#viewer-scale{font:500 .875rem var(--label);min-width:46px;text-align:center}
.viewer-scroll{height:calc(100svh - 80px);overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y}
.viewer-canvas{display:flex;min-width:100%;min-height:100%;width:max-content;align-items:center;justify-content:center;padding:20px}
.viewer-canvas img{display:block;max-width:none;max-height:none;flex-shrink:0;height:auto;user-select:none;-webkit-user-drag:none}
.viewer-canvas.is-zoomed{cursor:grab}
.viewer-canvas.is-zoomed:active{cursor:grabbing}

/* Original records inherit the edition while retaining their complete fields. */
.mufu-edition[data-surface=record]{--maxw:1040px;--pad:3rem}
.mufu-edition[data-surface=record] .wrap{max-width:1040px}
.mufu-edition[data-surface=record] .wide{max-width:1320px}
.mufu-edition[data-surface=record] .top{background:#fff}
.mufu-edition[data-surface=record] .top__in{max-width:1440px;min-height:76px;padding-inline:3rem}
.mufu-edition[data-surface=record] .top__in>a:first-child{font:700 1.5rem var(--sans);color:var(--ink)}
.mufu-edition[data-surface=record] h1{font:400 5rem/1 var(--display)}
.mufu-edition[data-surface=record] .pieza-l{padding-block:3.5rem}
.mufu-edition[data-surface=record] .pieza-l h2{font:400 3rem/1.1 var(--display);margin:0 0 1.5rem}
.mufu-edition[data-surface=record] .pieza-l__d{font-size:1.125rem;line-height:1.8}
.mufu-edition[data-surface=record] .pieza-l__foto img{object-fit:contain;background:#141914}
.record-enlarge{display:block;cursor:zoom-in}
.mufu-edition .site-footer{background:#213a2d;color:#f4f8ed;border:0;padding:3.5rem;gap:3rem;grid-template-columns:1.2fr 1fr 1fr auto}
.mufu-edition .site-footer a,.mufu-edition .site-footer p{color:#f4f8ed}
.mufu-edition .footer-brand{font:700 3rem/1 var(--sans);color:#f4f8ed}
.mufu-edition .footer-brand span{font:400 1rem var(--label);display:block;margin-top:.6rem;color:#d1dfc9}
.mufu-edition .site-footer p{font-size:1rem;line-height:1.7}

@media(min-width:1700px){
  .mufu-edition .museum-hero{height:790px}
  .mufu-edition .hero-overlay{max-width:1540px}
  .mufu-edition .museum-hero .h-xl{font-size:10.5rem}
}
@media(max-width:1150px){
  .mufu-edition .content-wide,.mufu-edition .wrap{padding-inline:2rem}
  .mufu-edition .site-header,.mufu-edition .bar{padding-inline:1.5rem!important;gap:1rem!important}
  .mufu-edition .site-header nav,.mufu-edition .bar nav{gap:1rem}
  .mufu-edition .site-header nav a,.mufu-edition .bar nav a{font-size:.875rem}
  .mufu-edition .estatus span,.mufu-edition .site-date,.mufu-edition .museum-header .site-date{display:none}
  .mufu-edition .intro-title h1{font-size:4.7rem}
  .mufu-edition .intro-title{gap:2.5rem}
  .mufu-edition .home-atlas-copy{grid-template-columns:1fr 1fr}
  .mufu-edition .home-atlas-copy .atlas-entry{grid-column:2}
  .mufu-edition .network-layout{grid-template-columns:minmax(0,1fr) 265px;gap:1.25rem}
  .mufu-edition .network-nodes{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mufu-edition .network-node strong{font-size:1.45rem}
  .mufu-edition .network-top{align-items:start;flex-direction:column;gap:1rem}
  .mufu-edition .visual-poster{gap:3rem}
  .mufu-edition .visual-poster-copy h2{font-size:3.3rem}
  .visual-portals h3{font-size:2.2rem}
  .mufu-edition .mom{gap:1rem 1.6rem;grid-template-columns:52px minmax(170px,.85fr) minmax(0,1.15fr)}
  .mufu-edition .object-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  html{scroll-padding-top:130px}
  .mufu-edition .content-wide,.mufu-edition .wrap{padding-inline:1.25rem}
  .mufu-edition .site-header,.mufu-edition .bar{height:auto;min-height:112px;display:flex;flex-wrap:wrap;padding:.8rem 1.25rem .4rem!important;gap:.65rem 1rem!important}
  .mufu-edition .site-brand,.mufu-edition .bar__mark{font-size:1.6rem!important;min-width:0}
  .mufu-edition .site-brand small{display:none}
  .mufu-edition .index-toggle{margin-left:auto;width:44px;padding-left:.5rem;height:36px;order:2}
  .mufu-edition .estatus{margin-left:auto;font-size:.875rem}
  .mufu-edition .bar .index-toggle{margin-left:0}
  .mufu-edition .site-header nav,.mufu-edition .bar nav{order:3;flex-basis:100%;margin:0!important;justify-content:space-between;gap:.65rem!important;overflow:auto!important;scrollbar-width:none}
  .mufu-edition .site-header nav a,.mufu-edition .bar nav a{font:500 .9375rem/1.2 var(--label)!important;padding:.4rem 0 .6rem;min-height:32px}
  .mufu-edition .museum-hero{height:590px;max-height:calc(100svh - 154px);min-height:440px!important}
  .mufu-edition .hero-media img{object-position:68% 50%}
  .mufu-edition .hero-media::after{background:linear-gradient(90deg,rgba(0,0,0,.72),transparent 85%)}
  .mufu-edition .hero-overlay{padding:1.65rem 1.25rem 4.5rem!important;margin-block:auto}
  .mufu-edition .museum-hero .eyebrow{font-size:.875rem;margin-bottom:1.1rem}
  .mufu-edition .museum-hero .h-xl{font-size:5.1rem;line-height:1}
  .mufu-edition .museum-hero .h-xl .l2{font-size:2.5rem;line-height:1.1;margin-top:0}
  .mufu-edition .hero-deck{font-size:1rem;line-height:1.55;max-width:22ch;margin-top:1.2rem}
  .hero-actions{display:grid;grid-template-columns:auto auto;justify-content:start;max-width:280px;gap:1rem 1.4rem;margin-top:1.35rem}
  .mufu-edition .museum-hero .entrar{margin:0;grid-column:1/-1;max-width:170px;justify-content:space-between;padding:.7rem .9rem;min-height:46px}
  .mufu-edition .museum-hero .hero-read{font-size:.9375rem;margin:0}
  .mufu-edition .hero-caption{padding:.6rem 1.25rem;height:46px;min-height:46px;font-size:.8125rem}
  .mufu-edition .hero-caption .hero-next{display:grid}
  .mufu-edition .suelo{padding:.8rem 0}
  .mufu-edition .suelo__in{padding-inline:1.25rem}
  .mufu-edition .suelo__tag b{white-space:nowrap}
  .mufu-edition .suelo__co{margin:0;font-size:.875rem}
  .mufu-edition .home-atlas{padding-top:2rem}
  .mufu-edition .home-atlas-head{gap:.8rem}
  .mufu-edition .home-atlas-head .section-label{max-width:22ch}
  .mufu-edition .contact-strip{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
  .mufu-edition .home-atlas-copy{grid-template-columns:1fr;gap:1.2rem;padding:2rem 0}
  .mufu-edition .home-atlas-copy h2{font-size:3rem}
  .mufu-edition .home-atlas-copy .atlas-entry{grid-column:auto}
  .mufu-edition .home-thread-links{grid-template-columns:1fr 1fr}
  .mufu-edition .home-thread-links a{font-size:1.7rem;padding:1.25rem .8rem;min-height:140px}
  .mufu-edition .home-thread-links a>span{font-size:.9375rem}
  .home-visuals{padding:3rem 0}
  .mufu-edition .section-head,.mufu-edition .head{grid-template-columns:1fr;gap:1.2rem;margin-bottom:2rem}
  .mufu-edition .section-head h2,.mufu-edition .head .h-l,.home-visuals h2{font-size:3rem}
  .mufu-edition .section-head>p:last-child{font-size:1rem;line-height:1.7}
  .visual-portals{grid-template-columns:1fr;gap:1rem}
  .visual-portals>a{grid-template-columns:1fr 44%;min-height:215px;gap:1rem;padding:1.2rem 0}
  .visual-portals h3{font-size:2rem}
  .visual-portals img{height:220px}
  .mufu-edition .museum-origin{grid-template-columns:1fr;padding-block:3rem;gap:2rem}
  .mufu-edition .museum-origin h2{font-size:3rem}
  .mufu-edition .museum-origin .tesis{font-size:1rem}
  .mufu-edition .museum-origin .escena{width:100%;max-width:none;margin:0}
  .mufu-edition #cuenta{padding-block:3rem}
  .mufu-edition .reloj-xl{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;margin:1.5rem 0 2rem}
  .mufu-edition .ux b{font-size:3.1rem}
  .mufu-edition .ux i{font-size:.875rem}
  .mufu-edition .banda__pie{grid-template-columns:1fr;gap:1.5rem}
  .mufu-edition .band{padding-block:3.5rem}
  .mufu-edition .cifras{grid-template-columns:repeat(2,1fr);gap:1.5rem}
  .mufu-edition .cifra b{font-size:2.5rem}
  .mufu-edition .mom{grid-template-columns:42px minmax(0,1fr);gap:1rem;padding:2rem 0}
  .mufu-edition .mom__n{font-size:2.3rem;grid-row:1/3}
  .mufu-edition .mom__n em{font-size:.8125rem}
  .mufu-edition .mom__t{font-size:2rem}
  .mufu-edition .mom__d,.mufu-edition .mom__c{grid-column:2;font-size:1rem}
  .mufu-edition .mom__c[open]{padding:1rem}
  .mufu-edition .atlas-intro,.mufu-edition .collection-intro,.mufu-edition .archive-intro,.mufu-edition .visuals-intro{padding-top:2.5rem}
  .mufu-edition .intro-title,.mufu-edition .collection-intro .intro-title{grid-template-columns:1fr;gap:1.5rem;padding-bottom:2rem}
  .mufu-edition .intro-title h1{font-size:3.7rem;line-height:1}
  .mufu-edition .intro-title>p{font-size:1rem;line-height:1.7}
  .mufu-edition .chapter-nav{gap:.6rem 1rem;padding:1rem 0 1.2rem}
  .mufu-edition .chapter-nav a{font-size:.9375rem}
  .mufu-edition .network-section{padding:2rem 0}
  .mufu-edition .network-top h2{font-size:2.5rem}
  .mufu-edition .thread-controls{width:100%;flex-wrap:wrap;justify-content:space-between}
  .mufu-edition .thread-controls button{font-size:.9375rem;padding:.6rem .45rem;gap:.3rem}
  .mufu-edition .thread-controls i{width:5px;height:5px}
  .mufu-edition .network-layout{grid-template-columns:1fr;gap:2rem}
  .mufu-edition .network-nodes{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:.5rem;row-gap:2rem}
  .mufu-edition .network-node{padding:.75rem .55rem;min-height:145px}
  .mufu-edition .network-node strong{font-size:1.35rem}
  .mufu-edition .node-top{font-size:.8125rem}
  .mufu-edition .node-inspector{position:static;min-height:0;border-left:0;border-top:1px solid #a5b2a5;padding:1.5rem 0 0}
  .mufu-edition .node-inspector h3{font-size:2.5rem}
  .mufu-edition .node-inspector ul{grid-template-columns:1fr}
  .mufu-edition .learning-route>li{grid-template-columns:36px 1fr;gap:1rem;padding-block:1.8rem}
  .mufu-edition .module-number{font-size:2.1rem}
  .mufu-edition .module-heading h3{font-size:2.1rem}
  .mufu-edition .learning-summary b{font-size:3.5rem}
  .mufu-edition .learning-summary span{font-size:1rem}
  .mufu-edition .seventy b{font-size:3rem}
  .mufu-edition .future-portraits h3{font-size:2.5rem}
  .mufu-edition .closing-thesis h2{font-size:3rem}
  .mufu-edition .count-equation b{font-size:3rem}
  .mufu-edition .collection-filters{position:relative;top:0;grid-template-columns:1fr 1fr 44px;padding:1rem 0;gap:.75rem}
  .mufu-edition .collection-meta{font-size:.9375rem;gap:.75rem}
  .mufu-edition .object-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1rem}
  .mufu-edition .object-caption h2{font-size:1.65rem}
  .mufu-edition .object-photo img{padding:.3rem}
  .mufu-edition .object-caption>p:first-child{font-size:.875rem}
  .mufu-edition .record-dialog{padding:3.5rem 1.25rem 1.5rem;width:96vw;max-height:94svh}
  .mufu-edition .dialog-grid{gap:1.5rem}
  .mufu-edition .dialog-grid h2{font-size:2.5rem}
  .mufu-edition .dialog-grid figure img{max-height:35svh}
  .mufu-edition .count-ledger article>b{font-size:4.5rem}
  .mufu-edition .question-list summary{font-size:1.35rem}
  .mufu-edition .source-list h3{font-size:1.7rem}
  .mufu-edition .visuals-callout{padding:1.5rem}
  .mufu-edition .visual-poster-section{padding-block:2.5rem}
  .mufu-edition .visual-poster,.mufu-edition .visual-poster-reverse{grid-template-columns:1fr;gap:2rem}
  .mufu-edition .visual-poster-copy{position:static;padding:0;grid-row:2}
  .mufu-edition .visual-poster-copy h2{font-size:3rem}
  .mufu-edition .visual-poster-copy>p{font-size:1rem}
  .mufu-edition .visual-poster figure{grid-row:1}
  .mufu-edition .visual-actions{margin-top:1rem;max-width:none}
  .mufu-edition .visual-actions a{padding:.8rem 0;min-height:48px}
  .museum-index{padding:1rem 1.25rem 2rem}
  .index-head{padding-bottom:1rem;font-size:.875rem}
  .index-layout{grid-template-columns:1fr;gap:2rem;padding-top:1rem}
  .index-layout nav b{font-size:2.3rem}
  .index-layout nav a{gap:1rem;padding:1rem 0}
  .index-image img{height:170px}
  .viewer-toolbar{height:112px;padding:.75rem 1rem;flex-wrap:wrap;gap:.5rem}
  .viewer-toolbar p{max-width:100%;width:100%;font-size:.9375rem}
  .viewer-toolbar>div{width:100%;justify-content:space-between;gap:.3rem}
  .viewer-toolbar .edition-icon{width:40px;height:40px}
  .viewer-scroll{height:calc(100svh - 112px)}
  .mufu-edition[data-surface=record] .top__in{padding:.65rem 1.25rem;gap:.75rem}
  .mufu-edition[data-surface=record] .top__in>a:first-child{font-size:1.3rem}
  .mufu-edition[data-surface=record] .top__in .index-toggle{margin-left:0}
  .mufu-edition[data-surface=record] h1{font-size:3.5rem}
  .mufu-edition[data-surface=record] .pieza-l h2{font-size:2.4rem}
  .mufu-edition[data-surface=record] .pieza-l__d{font-size:1rem}
  .mufu-edition .site-footer{grid-template-columns:1fr 1fr;gap:2rem 1.5rem;padding:2.5rem 1.25rem}
  .mufu-edition .footer-brand{font-size:2.4rem}
  .mufu-edition .site-footer p{font-size:.9375rem}
}
@media(max-width:380px){
  .mufu-edition .site-header,.mufu-edition .bar{padding-inline:1rem!important}
  .mufu-edition .site-header nav,.mufu-edition .bar nav{gap:.55rem!important}
  .mufu-edition .site-header nav a,.mufu-edition .bar nav a{font-size:.875rem!important}
  .mufu-edition .intro-title h1{font-size:3.25rem}
}
@media(max-width:760px) and (max-height:740px){
  .mufu-edition .museum-hero{height:calc(100svh - 170px);min-height:375px!important;max-height:none}
  .mufu-edition .hero-overlay{padding-top:1rem!important;padding-bottom:4rem!important}
  .mufu-edition .museum-hero .h-xl{font-size:4.4rem}
  .mufu-edition .museum-hero .h-xl .l2{font-size:2.2rem}
  .mufu-edition .museum-hero .eyebrow{margin-bottom:.7rem}
  .mufu-edition .hero-deck{margin-top:.8rem}
  .hero-actions{margin-top:1rem;gap:.8rem}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .mufu-edition *{animation:none!important;transition:none!important}
}
@media print{
  .mufu-edition .museum-header{display:none!important}
  .index-toggle,.reading-progress,.museum-index,.image-viewer,.hero-next,.edition-utility{display:none!important}
  .mufu-edition .collection-filters,.mufu-edition .node-inspector,.mufu-edition .visual-poster-copy{position:static}
  .mufu-edition .content-wide{padding-inline:0}
}
