/* 1999 skin and the morph. Home page only; inert unless html has .is-1999 or .vt-on. */
.y1999{display:none}
.is-1999{color-scheme:light}
.is-1999 body{background:#fff;color:#000}
.is-1999 .y1999{display:block}
.is-1999 .site-header,.is-1999 .site-footer,.is-1999 .modern-home,.is-1999 .skip-link{display:none}
.y1999{font:16px/1.35 "Times New Roman",Times,serif;font-variant-numeric:normal;color:#000;background:#fff;max-width:880px;margin:0 auto;padding:12px 16px 28px;cursor:pointer;transform-origin:50% 25%;transition:transform .45s cubic-bezier(.3,0,.2,1),filter .45s}
.y1999 a{color:#c00}
.y-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}
.y-logo{text-decoration:none}
.y-logo small{display:block;font-size:12px;margin-top:2px}
.y-title{font:bold 28px/1.15 "Times New Roman",Times,serif;letter-spacing:0;text-align:center;margin:0}
.y-proc{background:#000;color:#fff;padding:2px 10px 6px;text-align:center;line-height:1}
.y-proc i{display:block;color:#f44;font:italic 27px "Brush Script MT","Snell Roundhand","Apple Chancery",cursive}
.y-proc b{font:bold 12px Arial,Helvetica,sans-serif;letter-spacing:.2em}
.y-cols{display:grid;gap:20px;margin-top:20px}
.y1999 p{text-align:justify;text-indent:2em;hyphens:auto;margin:0 0 .8em;text-wrap:wrap}
.y-btn{font:bold 9px Verdana,Arial,sans-serif;color:#fff;background:#000;border:2px outset #999;padding:1px 3px;vertical-align:middle;cursor:pointer;animation:y-blink 1.1s steps(1) infinite}
@keyframes y-blink{50%{background:#c00}}
.y-foot{text-align:center;font-size:14px}
.y-foot p{text-align:center;text-indent:0}
.y-foot hr{border:0;border-top:2px groove #bbb;margin:16px 0}
.r-diagram{display:block;width:100%;max-width:400px;margin:0 auto 12px}
.r-ink{fill:none;stroke:#000;stroke-width:2.2;stroke-linecap:round}
.r-ghost{stroke-width:1;opacity:.45}
.r-labels text{font:19px "Times New Roman",Times,serif;fill:#000}
.r-labels a text{fill:#c00;text-decoration:underline}
.r-labels a:hover text{fill:#000}
.r-labels .r-center{font:italic bold 24px "Times New Roman",Times,serif}
.r-labels .r-small{font-size:13px}
@media(max-width:599px){.y-top{grid-template-columns:1fr auto}.y-proc{grid-column:2;grid-row:1}.y-title{grid-column:1/-1;font-size:23px}}
@media(max-width:719px){.y1999 .y-tour{text-align:center;text-indent:0;hyphens:none;margin:0}}
@media(min-width:720px){.y-cols{grid-template-columns:1fr 1fr;grid-template-areas:"t s" "t r";align-content:start;column-gap:28px;row-gap:0}.y-text{grid-area:t}.y-side{grid-area:s}.y-tour{grid-area:r}}
/* the morph: inhale, then a view transition breathes out into the modern page */
.y-inhale .y1999{transform:scale(1.035);filter:grayscale(1) contrast(.88) brightness(1.04)}
.vt-on .y-logo,.vt-on .wordmark{view-transition-name:vt-logo}
.vt-on .y-title,.vt-on .hero__title{view-transition-name:vt-title}
.vt-on .r-diagram,.vt-on .hero__art{view-transition-name:vt-art}
::view-transition-group(*){animation-duration:.95s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}
::view-transition-old(root){animation:y-out .35s ease-out both}
::view-transition-new(root){animation:y-rise .8s .15s cubic-bezier(.4,0,.2,1) both}
@keyframes y-out{to{opacity:0;transform:scale(1.04)}}
@keyframes y-rise{from{opacity:0;transform:scale(.985)}}
.y-fade .y1999{opacity:0;transition:opacity .35s}
.y-in body{animation:y-rise .6s both}
@media(prefers-reduced-motion:reduce){.y-btn{animation:none}.y1999{transition:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none}}
/* Teaser (deployed site's public front door): pinned, no morph, so no pointer cursor. */
[data-teaser] .y1999{cursor:auto}
.y-soon{font-weight:bold}
.y-blink{color:#c00;animation:y-blink 1s steps(2,start) infinite}
@keyframes y-blink{to{visibility:hidden}}
@media (prefers-reduced-motion:reduce){.y-blink{animation:none}}