/* Noah web-work system, candidate v0.2.
   Authority: inline Cargo stylesheet id 444807 served by https://noahglynn.com,
   updated 2025-05-02T19:53:15Z, sha256 7f51e7b54d90c9b0e16dc66e2614ba69d62701ba0365c342d16f25d6d089c562.
   Portfolio-only roles are marked below. Noah confirmed current Cargo/Dinamo font permission. */
@font-face{font-family:"Diatype Variable";src:url("./fonts/diatype-variable.woff2") format("woff2");font-style:normal;font-weight:200 1000;font-display:block}
@font-face{font-family:"Monument Grotesk Variable";src:url("./fonts/monument-grotesk-variable.woff2") format("woff2");font-style:normal;font-weight:200 1000;font-display:block}

:root{
  --swatch-1:rgba(0,0,0,.85);
  --swatch-2:rgba(0,0,0,.75);
  --swatch-3:rgba(0,0,0,.60);
  --swatch-4:rgba(0,0,0,.40);
  --swatch-5:rgba(0,0,0,.25);
  --rule:rgba(0,0,0,.20);
  --page-width:60%;
  --page-padding:1.5rem;
  --grid-gutter:2rem;
  --root-size:1.44vh;
}
*{box-sizing:border-box}
html{min-height:100%;background:#fff;color:var(--swatch-1);font-size:var(--root-size)}
body{min-height:100vh;margin:0;font-family:"Diatype Variable",Helvetica,Arial,sans-serif;font-size:1.2rem;font-weight:460;line-height:1.25;font-variation-settings:'slnt' 0,'MONO' 0}
a{color:inherit;text-decoration:none}
a:active,button:active{opacity:.7}
.grid-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--grid-gutter)}
.site-header,main,footer{width:var(--page-width);margin:0 auto;padding-right:var(--page-padding);padding-left:var(--page-padding)}
.site-header{padding-top:var(--page-padding);padding-bottom:1rem}
.header-primary .wordmark{grid-column:span 4}
.header-primary .lede{grid-column:span 8}
.wordmark{margin:0;font-family:"Monument Grotesk Variable",Helvetica,Arial,sans-serif;font-size:2.6rem;font-weight:400;line-height:1;color:var(--swatch-1)}
.wordmark strong{font-weight:700}
.lede,.header-nav{margin:0;color:var(--swatch-2);font-size:1.3rem;font-weight:500;line-height:1.3}
.header-nav{margin-top:2rem}
.header-nav .nav-spacer{grid-column:span 4}
.header-nav a{grid-column:span 2}
.header-nav a.active{text-decoration:underline}
main{padding-top:var(--page-padding)}
h1,h2,h3,p{margin-top:0}
h2{margin-bottom:1.5rem;color:var(--swatch-2);font-size:1.2rem;font-weight:700;line-height:1.25}
.index-intro{margin-bottom:3rem;color:var(--swatch-2)}
.index-intro>p{max-width:64ch}
.state-key,.caption{color:var(--swatch-4);font-family:"Diatype Variable",ui-monospace,monospace;font-size:1.2rem;font-weight:400;line-height:1.25;font-variation-settings:'slnt' 0,'MONO' 1}
.state-key{margin-top:1.5rem}
.small-label{color:var(--swatch-4);font-family:"Diatype Variable",ui-monospace,monospace;font-size:.8rem;font-weight:400;line-height:1.25;font-variation-settings:'slnt' 0,'MONO' 1}
.portfolio-records{display:grid;gap:0}
.portfolio-card{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--grid-gutter);padding:1.5rem 0;border-top:1px solid var(--rule)}
.portfolio-card-main{grid-column:span 8}
.portfolio-card-meta{grid-column:span 4}
.portfolio-card h3{margin:0;color:var(--swatch-2);font-size:1.2rem;font-weight:700;line-height:1.25}
.portfolio-kind{margin:.25rem 0 0}
.portfolio-summary{max-width:64ch;margin:1.5rem 0 .75rem;color:var(--swatch-2)}
.portfolio-credit,.portfolio-note{max-width:64ch;margin:.75rem 0 0;color:var(--swatch-2)}
.portfolio-actions{display:flex;flex-wrap:wrap;gap:1rem 2rem;margin-top:1.5rem;color:var(--swatch-2)}
.portfolio-actions a,.portfolio-actions button{border:0;padding:0;background:none;color:inherit;font:inherit;font-weight:700;cursor:pointer}
.custody{display:block;margin:0;color:var(--swatch-4)}
.exhibit-inline{grid-column:1 / -1;margin-top:1.5rem}
.viewer{--viewer-canvas:#fff;border:1px solid #e6e6e8;background:#fff}
.viewer-bar{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid #e6e6e8;background:#fbfbfc}
.viewer-bar button{font:inherit;font-size:13px;line-height:1;padding:6px 10px;border:1px solid #d9d9de;background:#fff;color:#1b1b1f;border-radius:4px;cursor:pointer}
.viewer-bar button:disabled{opacity:.38;cursor:default}
.viewer-bar button:hover:not(:disabled){border-color:#1b1b1f}
.v-addr{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:#55555c;background:#fff;border:1px solid #ececef;border-radius:4px;padding:6px 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-frame{display:block;width:100%;height:520px;border:0;background:var(--viewer-canvas,#fff)}
.v-still{display:block;width:100%;height:auto;border:0;background:var(--viewer-canvas,#fff)}
.viewer-status{padding:6px 10px;border-top:1px solid #eeeef0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;color:#6e6e77}
footer{padding-top:6rem;padding-bottom:1.5rem;color:var(--swatch-4);font-family:"Diatype Variable",ui-monospace,monospace;font-size:.8rem;line-height:1.25;font-variation-settings:'slnt' 0,'MONO' 1}
@media(max-width:720px){
  :root{--page-width:100%;--page-padding:.9rem;--root-size:13.104px}
  .header-primary{grid-template-columns:1fr}
  .header-primary .wordmark,.header-primary .lede{grid-column:1}
  .wordmark{font-size:3rem}
  .header-primary .lede{margin-top:2rem}
  .header-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--grid-gutter)}
  .header-nav .nav-spacer{display:none}
  .header-nav a{grid-column:auto}
  .portfolio-card{grid-template-columns:1fr;gap:1.5rem}
  .portfolio-card-main,.portfolio-card-meta{grid-column:1}
  .index-intro{margin-bottom:2rem}
  .v-frame{height:60vh}
}