:root{--green:#064735;--deep:#05392c;--gold:#b99b58;--cream:#f7f6ef;--ink:#213e34;--muted:#68766c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:100px;max-width:1250px;padding:0 6%;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9ddd3}.brand{display:flex;align-items:center;gap:12px;line-height:1.1;font-size:10px;letter-spacing:3px}.brand strong{display:block;font:26px Georgia,serif;letter-spacing:1px}.seal{height:44px;width:36px;border:1px solid var(--gold);border-radius:4px 4px 16px 16px;display:grid;place-items:center;color:var(--green);font:26px Georgia,serif}.nav{font-size:13px}.nav span{margin-left:14px;color:#8a713c}.hero{max-width:1250px;margin:auto;display:grid;grid-template-columns:1.25fr 1fr;min-height:570px;padding:75px 6% 65px;align-items:center;gap:35px}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:bold;color:#6e774e;display:block}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:normal;line-height:1.08;margin:20px 0}h1{font-size:clamp(56px,7.7vw,99px);letter-spacing:-4px}h1 em{color:var(--green);font-weight:normal}.intro{max-width:420px;font-size:16px;color:var(--muted);margin:24px 0 30px}.button{display:inline-flex;padding:13px 22px;gap:28px;background:var(--green);color:white;font-size:13px;border:none;border-radius:3px;align-items:center}.button:hover{background:#12614b}.atlas{position:relative;aspect-ratio:1;max-height:420px;background:var(--green);border-radius:50% 50% 3px 3px;overflow:hidden;color:var(--cream);display:flex;flex-direction:column;justify-content:flex-end;padding:38px}.atlas svg{position:absolute;inset:0;width:100%;height:100%;opacity:.6}.atlas .label{position:relative;font-size:10px;letter-spacing:2px;color:#dacaa6}.atlas .quote{position:relative;font:italic 28px/1.25 Georgia,serif;max-width:245px;margin:12px 0 0}.atlas .coordinates{position:absolute;right:25px;top:55px;writing-mode:vertical-rl;font-size:9px;letter-spacing:2px;color:#c5d0bd}.band{border-top:1px solid #dadfd4;border-bottom:1px solid #dadfd4;padding:19px 6%;display:flex;justify-content:space-between;gap:20px;max-width:1250px;margin:auto;font-size:11px;letter-spacing:.7px;color:#6c7868}.band strong{color:var(--green)}.collection{max-width:1250px;padding:70px 6% 85px;margin:auto;scroll-margin-top:22px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.section-top h2{font-size:43px;margin:12px 0 0;letter-spacing:-1px}.section-top p{max-width:290px;color:var(--muted);font-size:13px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{position:relative;background:#fffef9;border:1px solid #dfe3d7;border-radius:4px;padding:26px;min-height:245px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-4px);border-color:var(--gold)}.card .number{color:#8b966d;font:italic 36px Georgia,serif}.pending{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#7d806a;align-self:start;background:#edeee4;padding:3px 7px;border-radius:3px;position:absolute;right:23px;top:28px}.card h3{font-size:26px;margin:25px 0 8px}.card p{font-size:12px;color:var(--muted);margin:0}.card .card-end{margin-top:auto;padding-top:25px;display:flex;justify-content:space-between;font-size:12px;color:var(--green)}.note{font-size:12px;color:var(--muted);margin:24px 0 0}.about{background:#eaece1;padding:55px 6%;display:grid;grid-template-columns:1fr 1.1fr;gap:40px}.about>div{max-width:440px;margin:auto}.about h2{font-size:35px}.about p{font-size:14px;color:#626f63}footer{max-width:1250px;padding:38px 6%;margin:auto;display:flex;justify-content:space-between;gap:25px;font-size:11px;color:var(--muted)}footer strong{font-weight:normal;color:var(--green)}.reader{max-width:750px;margin:auto;padding:36px 25px 80px}.back{font-size:12px;color:var(--muted)}.reader h1{font-size:clamp(43px,7vw,67px);letter-spacing:-2px;margin:22px 0}.reader-head{padding:38px 0 28px;border-bottom:1px solid #d9ddd3}.author{font-size:14px;color:var(--muted)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;font-size:12px}.tools{display:flex;gap:7px}.tool{background:transparent;border:1px solid #cfd5c7;border-radius:3px;padding:7px 12px;color:var(--green)}.tool:hover{background:#e9ecdf}.empty{margin:28px 0 50px;padding:35px;border-left:2px solid var(--gold);background:#efefe5}.empty h2{font-size:28px}.empty p{font-size:16px;color:var(--muted);line-height:1.9}.next{display:flex;justify-content:space-between;border-top:1px solid #d9ddd3;padding-top:25px;font-size:13px}dialog{border:1px solid #d8ddcc;border-radius:9px;padding:35px;max-width:calc(100% - 30px);text-align:center;color:var(--green);background:var(--cream)}dialog::backdrop{background:#082b24a8}dialog h2{font-size:27px}dialog img{display:block;margin:15px auto;max-width:100%;height:auto}dialog p{font-size:12px}.close{position:absolute;right:12px;top:7px;background:none;border:0;font-size:28px;color:var(--green)}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:white;padding:10px;z-index:10}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}@media(max-width:700px){header{height:82px;padding:0 6%}.brand strong{font-size:22px}.nav{font-size:11px}.hero{grid-template-columns:1fr;padding-top:43px;gap:30px;padding-bottom:34px}.hero h1{font-size:67px;letter-spacing:-3px}.intro{font-size:15px}.atlas{aspect-ratio:1.3;max-height:300px;border-radius:46% 46% 3px 3px;padding:30px}.atlas .quote{font-size:26px}.band{flex-wrap:wrap;gap:10px;font-size:10px}.section-top{display:block}.section-top h2{font-size:36px}.section-top p{margin-top:15px}.collection{padding-top:45px;padding-bottom:50px}.cards{grid-template-columns:1fr}.card{min-height:205px}.card h3{margin-top:17px}.about{grid-template-columns:1fr;gap:10px;padding-top:35px;padding-bottom:35px}.about>div{margin:0}.about h2{font-size:32px}footer{flex-direction:column;gap:18px}.reader{padding-top:25px}.empty{padding:23px}.toolbar{font-size:11px}.reader h1{font-size:47px}.eyebrow{font-size:9px;letter-spacing:1.8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{header,footer,.toolbar,.back,.next{display:none}.reader{max-width:none;padding:0}body{background:white}}

.institute-mark{display:block;width:46px;height:68px;object-fit:contain;flex-shrink:0}@media(max-width:700px){.institute-mark{width:37px;height:57px}.brand{gap:9px}}

/* Upright uppercase typography for the four selected headings. */
.hero h1{font-size:clamp(48px,6.1vw,80px);letter-spacing:-2px}.hero h1 em{font-style:normal}.atlas .quote{font-style:normal;font-size:24px;line-height:1.3;max-width:290px}.section-top h2{font-size:36px;line-height:1.15}.about h2{font-size:30px;line-height:1.25}@media(max-width:700px){.hero h1{font-size:clamp(35px,11vw,67px);letter-spacing:-1px}.atlas .quote{font-size:22px;max-width:100%}.section-top h2{font-size:29px}.about h2{font-size:26px}}

/* Times New Roman for the text and links selected in the six references. */
.about p,.intro,header .nav,footer,.hero .button{font-family:"Times New Roman",Times,serif}

/* Simplified reading controls and matching QR caption typography. */
.reader{--read-size:16px}.toolbar{justify-content:flex-end}.qr-caption{font-family:Arial,Helvetica,sans-serif}

/* Optical alignment of the owl with the institute wordmark. */
.institute-mark{transform:translateY(-5px)}@media(max-width:700px){.institute-mark{transform:translateY(-4px)}}

/* Complete institute name, in two compact lines next to the owl. */
header{gap:16px}.brand{min-width:0}.brand-name{display:block;white-space:nowrap}.brand .brand-top{display:block;font-size:10px;letter-spacing:1.45px;line-height:1.2}.brand strong{font:19px/1.25 Georgia,"Times New Roman",serif;letter-spacing:.15px;margin-top:4px}
@media(max-width:700px){header{gap:10px}.brand{gap:7px}.brand .brand-top{font-size:clamp(7px,2.05vw,9px);letter-spacing:.7px}.brand strong{font-size:clamp(11px,3.4vw,15px);letter-spacing:0;margin-top:3px}.nav{flex-shrink:0}}

/* Subtle topographic contours and small compass rose. */
.atlas .topography{opacity:1;pointer-events:none}

/* A quiet theme control beside Narrativas. */
.header-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}
.theme-toggle{width:36px;height:36px;padding:8px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--green);border:1px solid transparent;border-radius:50%;transition:background .18s,border-color .18s}
.theme-toggle:hover{background:#eaece1;border-color:#d5d9ca}.theme-toggle svg{width:19px;height:19px;flex-shrink:0}.theme-sun{display:none}
:root[data-theme="dark"]{--green:#b6d2ad;--deep:#d6e3cc;--gold:#c8b478;--cream:#111c18;--ink:#e8ebe2;--muted:#aebbb0;color-scheme:dark}
:root[data-theme="light"]{color-scheme:light}
.atlas{background:#064735;color:#f7f6ef}
html[data-theme="dark"] .theme-moon{display:none}html[data-theme="dark"] .theme-sun{display:block}
html[data-theme="dark"] .theme-toggle:hover{background:#24372c;border-color:#4a5d4a}
html[data-theme="dark"] .institute-mark{filter:brightness(0) saturate(100%) invert(88%) sepia(12%) saturate(480%) hue-rotate(47deg) brightness(95%)}
html[data-theme="dark"] header,html[data-theme="dark"] .band,html[data-theme="dark"] .reader-head,html[data-theme="dark"] .next{border-color:#34483b}
html[data-theme="dark"] .band,html[data-theme="dark"] .section-top p,html[data-theme="dark"] .about p,html[data-theme="dark"] .card p{color:var(--muted)}
html[data-theme="dark"] .eyebrow{color:#c5c7a1}
html[data-theme="dark"] .card{background:#17271f;border-color:#34483b}html[data-theme="dark"] .card:hover{border-color:var(--gold)}html[data-theme="dark"] .card .number{color:#b4c6a0}
html[data-theme="dark"] .about{background:#192a22}html[data-theme="dark"] .empty{background:#192c23}
html[data-theme="dark"] .button{background:#2c6650;color:#fff}html[data-theme="dark"] .button:hover{background:#357e62}
html[data-theme="dark"] .tool{border-color:#4a5d4a}html[data-theme="dark"] .tool:hover{background:#24372c}
html[data-theme="dark"] dialog{background:#17271f;border-color:#4a5d4a;color:var(--ink)}html[data-theme="dark"] dialog img{background:#fff;border-radius:3px}
html[data-theme="dark"] .skip:focus{background:#17271f;color:var(--ink)}
@media(max-width:700px){.header-actions{gap:6px}.theme-toggle{width:40px;height:40px;padding:10px}.brand .brand-top{letter-spacing:.5px}.brand strong{font-size:clamp(10px,3.1vw,15px)}}
@media print{html[data-theme="dark"]{--green:#064735;--cream:#fff;--ink:#213e34;--muted:#68766c}html[data-theme="dark"] .empty{background:#fff}}
@media(max-width:360px){.atlas{aspect-ratio:1}}