/* The PDF owns all artwork, typography, spacing and line breaks.
   These rules only scale its original coordinate system and run approved motion. */
:root{--ink:#12110f;--sand:#cabda3;--hero-height:calc(100vw * 636.737 / 1027.82)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--sand);overflow-x:clip}main{position:relative}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:12px;z-index:100;transform:translateY(-180%);padding:12px;background:var(--sand);color:var(--ink);font:14px Arial,sans-serif}.skip-link:focus{transform:none}
.pdf-art{display:block;width:100%;height:auto;overflow:hidden}.art-link{cursor:pointer}.art-link:focus-visible{outline:none}.art-link:focus-visible rect{stroke:#fff;stroke-width:1.5;fill:#ffffff18}.hero-stage{height:var(--hero-height)}.hero{position:fixed;top:0;left:0;width:100%;height:var(--hero-height);z-index:1;background:var(--ink)}.scene{position:relative;isolation:isolate}.pinned{position:sticky;top:0}.chemistry-scene{height:calc(100vw * 466.665 / 1027.82 * 1.6);z-index:2;background:var(--ink)}.chemistry-panel{background:var(--ink)}.method-scene{z-index:3;background:var(--sand)}.method-panel{position:relative}
body:not(.motion-off):not(.intro-complete) .intro-letter{opacity:0;transform:translateY(18px);filter:none}body.intro-ready:not(.motion-off):not(.intro-complete) .intro-letter{animation:assemble-title .72s cubic-bezier(.16,1,.3,1) var(--intro-delay) both}@keyframes assemble-title{from{opacity:0;transform:translateY(18px);filter:none}to{opacity:1;transform:none;filter:none}}.motion-off .hero-stage{height:auto!important}.motion-off .hero{position:relative;top:auto!important}.motion-off .scene{height:auto}.motion-off .pinned{position:relative}.motion-off .intro-letter,.intro-complete .intro-letter{animation:none!important;transform:none!important;opacity:1!important;filter:none!important}.motion-off .reveal-letter{opacity:1!important}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* Composite hero motion without changing the source artwork. */
.hero{will-change:transform}

/* Approved replacement from the 13 October 20:02 screenshot. */
.method-scene,.method-panel{background:#dbd7d1}