/* Native vertical scrolling drives the molecular exhibition and its mass ruler. */
*{box-sizing:border-box}html,body{margin:0}html{scroll-behavior:auto}body.scale-page{--header-h:80px;background:#000;overscroll-behavior-x:none}a{text-decoration:none;color:inherit}button,input,select{font:inherit}button{color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}
body.scale-page>header.gallery-header{position:fixed;z-index:20;top:0;left:0;border:0;background:linear-gradient(#000 75%,#0000);padding-block:24px}
.scale-journey{height:100svh;overflow-anchor:none}.scale-stage{height:100svh;position:fixed;inset:0;display:grid;grid-template-rows:auto minmax(120px,1fr) auto auto;padding:calc(var(--header-h) + 12px) 0 26px;overflow:hidden}
/* Keep the sticky exhibition on one composited layer during touch scrolling. */
.scale-stage{transform:translateZ(0);isolation:isolate}
.scale-heading{text-align:center;padding:0 5%}.scale-heading h1{font-size:clamp(34px,3.5vw,48px);line-height:1.1;letter-spacing:-.025em;margin:0}.scale-heading p{font-size:12px;line-height:1.6;color:var(--gallery-muted);margin:12px 0 0}
.scale-views{display:inline-flex;align-items:center;gap:22px;margin-top:12px;border-bottom:1px solid #ffffff14;font:400 11px/1.5 var(--gallery-reading)}.scale-views a{position:relative;padding:3px 0 7px;color:#8c8983;transition:color .15s}.scale-views a[aria-current="page"]{color:#e5e0d7}.scale-views a[aria-current="page"]::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:#cbb58a}.scale-views a:hover{color:#fff}.scale-views a:focus-visible{outline:1px solid #cbb58a;outline-offset:5px}
.scale-exhibit{position:relative;min-height:0;overflow:hidden;touch-action:pan-y;user-select:none;margin:8px 0 0;isolation:isolate}
.scale-models{position:absolute;inset:0 32% 0 2%;overflow:hidden;isolation:isolate}.scale-models::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#000 0%,#0000 20%,#0000 80%,#000 100%);z-index:10}
.scale-card{position:absolute;left:50%;top:50%;width:min(76%,590px);height:100%;margin:0;padding:0;border:0;background:none;will-change:transform,opacity;cursor:pointer;mix-blend-mode:screen;transform-origin:center;transition:none}
.scale-card img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;user-select:none}
.scale-card img.framed{position:absolute;left:50%;top:50%;object-fit:fill;max-width:none;max-height:none}
.scale-card:focus-visible{outline:1px solid #cbb58a66;outline-offset:-18px}
.scale-chemdraw{position:absolute;top:50%;right:6%;width:24%;height:min(76%,280px);transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:13px;outline-offset:6px}.scale-chemdraw::before{content:'';position:absolute;left:-22px;top:24%;bottom:24%;width:1px;background:linear-gradient(#fff0,#ffffff18,#fff0)}.scale-chemdraw-viewport{display:block;flex:1;min-height:0;width:100%;opacity:0;transition:opacity .14s}.scale-chemdraw.is-ready .scale-chemdraw-viewport{opacity:1}.scale-chemdraw img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;pointer-events:none}.scale-chemdraw-label{flex:none;color:#aaa7a0;font:400 10px/1.4 var(--gallery-reading);letter-spacing:.035em}.scale-chemdraw:hover .scale-chemdraw-label{color:#e5e0d7}.scale-chemdraw:focus-visible{outline:1px solid #cbb58a66}
.scale-caption{text-align:center;padding:3px 6% 17px;min-height:92px}.scale-caption h2{font:400 clamp(23px,2.2vw,30px)/1.25 var(--gallery-display);letter-spacing:-.02em;margin:0;overflow-wrap:anywhere;max-width:850px;margin-inline:auto}
.scale-caption>a{display:inline-block}.scale-caption p{font:400 14px/1.6 var(--gallery-reading);font-variant-numeric:tabular-nums;color:#b5afa3;margin:8px 0 0}.scale-caption small{font-size:10px;color:#918b80}.formula{display:inline-block;margin-left:20px;color:#8f8a81;font-size:11px;letter-spacing:.035em}
.scale-controls{width:90.4%;max-width:1200px;margin:auto}.scale-rail-head{display:flex;justify-content:space-between;align-items:center;font:400 11px/1.5 var(--gallery-reading);color:#a39f97}.scale-rail-head small{margin-left:7px;color:#6f6c66;font-size:9px}.scale-position{display:flex;align-items:center;gap:10px;position:relative;font-variant-numeric:tabular-nums;color:#bdb7aa;cursor:pointer;min-width:70px;justify-content:flex-end}.scale-position select{position:absolute;inset:-9px 0;width:100%;height:36px;opacity:0;cursor:pointer}.scale-position:focus-within{outline:1px solid var(--gallery-gold);outline-offset:5px}
.scale-ruler{height:50px;position:relative;margin:6px 7px 0}.scale-baseline{position:absolute;left:0;right:0;top:24px;background:#35312b;height:1px}.scale-baseline i{display:block;height:1px;width:0;background:#cbb58a;will-change:width}.scale-ticks i{position:absolute;top:19px;height:11px;width:1px;background:#534a3b;transform:translateX(-.5px)}.scale-ticks i.major{top:13px;height:22px;background:#837258}.scale-ticks i.active{background:#e4d3b4;z-index:1}
.scale-ruler input{position:absolute;left:-9px;top:0;width:calc(100% + 18px);height:50px;appearance:none;background:none;margin:0;padding:0;cursor:ew-resize;touch-action:pan-y;z-index:2}
.scale-ruler input::-webkit-slider-runnable-track{height:1px;background:transparent}.scale-ruler input::-webkit-slider-thumb{appearance:none;width:18px;height:36px;margin-top:-18px;border:0;border-radius:0;background:linear-gradient(90deg,transparent 8px,#ebd5ad 8px,#ebd5ad 10px,transparent 10px);filter:drop-shadow(0 0 5px #cbb58a44)}
.scale-ruler input::-moz-range-track{height:1px;background:none}.scale-ruler input::-moz-range-thumb{width:2px;height:34px;border:0;background:#ebd5ad;border-radius:0;box-shadow:0 0 5px #cbb58a44}.scale-ruler input:focus-visible{outline-offset:3px}
.scale-labels{position:relative;height:22px;margin:0 7px;color:#888176;font:400 10px/1.4 var(--gallery-reading);font-variant-numeric:tabular-nums}.scale-labels span{position:absolute;transform:translateX(-50%)}.scale-labels span:first-child{transform:none}.scale-labels span:last-child{transform:translateX(-100%)}
.scale-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px;font:400 11px/1.5 var(--gallery-reading)}.scale-footer>a{color:#bcb4a7}.scale-footer>a span{margin-left:16px;color:#cbb58a}.scale-footer p{color:#8e897f;margin:0}.scale-footer p span{margin-left:8px}.scale-arrows{display:flex;gap:10px}.scale-arrows button{display:grid;place-items:center;width:36px;height:36px;border:1px solid #332f27;border-radius:50%;background:none;cursor:pointer;font-size:16px;line-height:1}.scale-arrows button:hover:not(:disabled){border-color:#cbb58a88}.scale-arrows button:disabled{opacity:.25;cursor:default}
.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}#scale-error{position:absolute;top:45%;left:10%;right:10%;text-align:center;color:var(--gallery-muted)}#scale-error[hidden]{display:none}
@media(max-width:700px){
 body.scale-page>header.gallery-header{padding:18px 5.7%;gap:12px}.scale-stage{padding-top:calc(var(--header-h) + 15px);padding-bottom:18px;grid-template-rows:auto minmax(150px,1fr) auto auto}.scale-heading h1{font-size:34px}.scale-heading p{font-size:11px;margin-top:9px}.scale-views{font-size:10px;margin-top:8px;gap:22px}.scale-views a{padding-bottom:5px}.scale-exhibit{margin-top:3px}.scale-models{inset:0 0 112px}.scale-card{width:82%;height:100%}.scale-models::after{background:linear-gradient(90deg,#000,#0000 12%,#0000 88%,#000)}.scale-chemdraw{top:auto;bottom:4px;left:50%;right:auto;width:min(62vw,240px);height:104px;transform:translateX(-50%);gap:7px}.scale-chemdraw::before{display:none}.scale-chemdraw-label{font-size:9px}.scale-caption{padding:5px 7% 15px;min-height:88px}.scale-caption h2{font-size:24px;line-height:1.25;min-height:30px}.scale-caption p{font-size:13px;margin-top:7px}.formula{font-size:10px;margin-left:14px}.scale-controls{width:88.6%}.scale-rail-head{font-size:10px}.scale-rail-head small{font-size:8px;margin-left:5px}.scale-ruler{height:45px;margin-top:5px}.scale-ruler input{height:45px}.scale-labels{font-size:9px;height:19px}.scale-footer{font-size:10px;margin-top:4px;gap:6px}.scale-footer>a span{margin-left:6px}.scale-footer p{font-size:9px}.scale-footer p span{margin-left:3px}.scale-arrows{gap:7px}.scale-arrows button{width:32px;height:32px;font-size:15px}
}
@media(max-height:650px) and (min-width:701px){body.scale-page>header.gallery-header{padding-block:14px;min-height:60px}.scale-stage{padding-top:calc(var(--header-h) + 4px);padding-bottom:12px}.scale-heading h1{font-size:32px}.scale-heading p{margin-top:6px}.scale-caption{min-height:72px;padding-bottom:8px}.scale-caption h2{font-size:24px}.scale-caption p{margin-top:4px}.scale-footer{margin-top:2px}}
@media(max-height:740px) and (max-width:700px){.scale-heading h1{font-size:30px}.scale-stage{padding-top:calc(var(--header-h) + 5px)}.scale-caption{padding-bottom:9px;min-height:76px}.scale-caption h2{font-size:21px}.scale-rail-head small{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scale-card{will-change:auto}.scale-chemdraw-viewport,.scale-views a{transition:none}}
@media(max-height:520px) and (orientation:landscape){
 body.scale-page>header.gallery-header{min-height:48px;padding:10px 4.8%;gap:12px;flex-wrap:nowrap}
 body.scale-page>header .brand{font-size:16px}
 body.scale-page>header nav[aria-label="Main navigation"]{width:auto;gap:8px 12px;font-size:10px;justify-content:flex-end}
 .scale-stage{grid-template-columns:1.2fr 1fr;grid-template-rows:auto minmax(0,1fr) auto;padding-top:calc(var(--header-h) + 2px);padding-bottom:9px;column-gap:1vw}
 .scale-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:22px}.scale-heading h1{font-size:28px}.scale-heading p{display:none}.scale-views{margin-top:0;font-size:10px}
 .scale-exhibit{grid-column:1;grid-row:2;margin:0;min-height:0}.scale-card{width:90%;height:100%}
 .scale-models{inset:0 32% 0 0}.scale-chemdraw{left:auto;right:3%;top:50%;bottom:auto;width:28%;height:76%;transform:translateY(-50%);gap:7px}.scale-chemdraw-label{font-size:8px}.scale-chemdraw::before{display:none}
 .scale-caption{grid-column:2;grid-row:2;align-self:center;min-height:0;padding:0 8% 0 0}.scale-caption h2{font-size:23px}.scale-caption p{font-size:12px;margin-top:5px}
 .scale-controls{grid-column:1/-1;grid-row:3;width:90.4%;margin-top:2px}.scale-ruler{height:35px;margin-top:0}.scale-ruler input{height:35px}.scale-baseline{top:18px}.scale-ticks i{top:13px}.scale-ticks i.major{top:7px}.scale-labels{height:16px;font-size:9px}.scale-footer{margin-top:1px;font-size:10px}.scale-arrows button{width:27px;height:27px}.scale-rail-head{font-size:9px}
}
@media(max-height:520px) and (orientation:landscape) and (max-width:740px){body.scale-page>header .brand{display:none}body.scale-page>header nav[aria-label="Main navigation"]{width:100%;justify-content:center}.scale-heading h1{font-size:25px}.scale-caption h2{font-size:20px}}