:root{--wine:#681323;--wine-dark:#35070f;--gold:#c9a54b;--gold-light:#edd99d;--ink:#29231e;--muted:#675a4a;--purple:#493272;--navy:#203e63;--paper:#fffaf0;--cream:#f3ead7;--shadow:0 18px 45px rgba(48,24,16,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;overflow-x:hidden;color:var(--ink);font:17px/1.65 Georgia,'Times New Roman',serif;background:#ddd1bb url('../bkg.jpg') fixed}a{color:var(--purple);text-underline-offset:3px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:8px;z-index:300;background:#fff;padding:9px}
.site-header{position:sticky;top:0;z-index:100;color:#fff;background:linear-gradient(112deg,var(--wine-dark),var(--wine));border-bottom:3px solid var(--gold);box-shadow:0 5px 20px #0006}.identity-bar{max-width:1280px;min-width:0;margin:auto;padding:8px 17px;display:flex;align-items:center;gap:13px}.header-emblem img{display:block;width:56px;height:56px;object-fit:contain}.see-name{min-width:0;max-width:500px;line-height:1.17}.see-name strong{display:block;font-size:14px}.see-name span{display:block;margin-top:4px;color:var(--gold-light);font-size:12px}.site-nav{display:flex;margin-left:auto}.site-nav a{padding:8px;color:#fff;text-decoration:none;border-radius:4px;font:700 13px Arial,sans-serif}.site-nav a:hover{background:#fff2}.menu-button{display:none;margin-left:auto;padding:8px 11px;color:#fff;background:transparent;border:1px solid var(--gold);border-radius:4px;font-weight:bold}
.hero{position:relative;min-height:550px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--gold);background-position:center;background-size:cover;background-repeat:no-repeat}.vasili .hero{background-image:linear-gradient(90deg,rgba(255,250,240,.84) 0%,rgba(255,250,240,.74) 38%,rgba(255,250,240,.22) 67%,rgba(255,250,240,.03) 100%),url('vasili-hero.png');background-position:center 57%}.sophia .hero{background-image:linear-gradient(90deg,rgba(255,250,240,.84) 0%,rgba(255,250,240,.74) 38%,rgba(255,250,240,.22) 67%,rgba(255,250,240,.03) 100%),url('sophia-hero.png');background-position:center 58%}.peter .hero{background-image:linear-gradient(90deg,rgba(255,250,240,.84) 0%,rgba(255,250,240,.73) 40%,rgba(255,250,240,.2) 70%,rgba(255,250,240,.03) 100%),url('stpeter-dome.jpg');background-position:center 42%}.hero-inner{position:relative;z-index:1;width:100%;max-width:1180px;margin:auto;padding:52px 18px 62px}.hero-copy{max-width:790px;padding:1.65rem 1.85rem 1.8rem;border-left:5px solid var(--gold);border-radius:0 .7rem .7rem 0;background:#fffaf066;box-shadow:0 18px 40px #2f170d24;backdrop-filter:blur(2px)}.kicker,.eyebrow{margin:0;color:var(--wine);font:800 12px Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}.hero h1{margin:8px 0 12px;color:var(--purple);font-size:clamp(34px,5vw,58px);line-height:1.04;text-wrap:balance}.hero-lead{max-width:720px;margin:0;color:var(--muted);font-size:clamp(18px,2vw,23px);font-style:italic}.hero-credit{position:absolute;right:16px;bottom:10px;padding:.3rem .55rem;color:#fff;background:#35070fc9;border-radius:.3rem;font-size:.72rem}.section-nav{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.3rem}.section-nav a,.button{display:inline-flex;align-items:center;justify-content:center;min-height:2.8rem;padding:.65rem 1rem;border:1px solid var(--gold);border-radius:.45rem;background:#fff;color:var(--wine);text-decoration:none;font:800 .78rem/1.2 Arial,sans-serif;box-shadow:0 6px 16px #32120f12}.section-nav a:hover,.button:hover{color:#fff;background:var(--wine);transform:translateY(-1px)}
.page-shell{max-width:1180px;margin:30px auto 40px;padding:0 14px}.page-card{overflow:hidden;padding:clamp(24px,4.6vw,54px);background:rgba(255,250,240,.985);border:1px solid var(--gold);border-top:6px solid var(--gold);border-radius:.8rem;box-shadow:var(--shadow)}.section{margin-top:clamp(2.8rem,6vw,5.2rem)}.section:first-child{margin-top:0}.section h2{margin:.15rem 0 .8rem;color:var(--purple);font-size:clamp(1.9rem,3.8vw,3rem);line-height:1.13;text-wrap:balance}.section h3{color:var(--wine);line-height:1.22}.lead{font-size:1.12rem}.identity-statement{padding:clamp(1.15rem,3vw,2rem);border-left:5px solid var(--gold);border-radius:0 .65rem .65rem 0;background:#fff;box-shadow:0 9px 25px #32120f10}.identity-statement p{margin:.65rem 0}.identity-statement .principal{color:var(--wine);font-size:clamp(1.18rem,2.2vw,1.52rem);font-weight:700;line-height:1.48}
.fact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.5rem}.fact-card{padding:1.3rem 1.35rem;border:1px solid #d9c18a;border-radius:.7rem;background:linear-gradient(145deg,#fff,#f2e7d2);box-shadow:0 9px 23px #32120f0e}.fact-card .marker{display:block;margin-bottom:.5rem;color:#9f741b;font:800 .72rem Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.fact-card h3{margin:.1rem 0 .45rem}.fact-card p{margin:0}
.timeline{position:relative;list-style:none;margin:1.8rem 0 0;padding:0}.timeline:before{content:'';position:absolute;left:105px;top:.3rem;bottom:.3rem;width:2px;background:linear-gradient(var(--gold),var(--wine))}.timeline li{position:relative;display:grid;grid-template-columns:91px minmax(0,1fr);gap:1.8rem;padding:0 0 1.45rem}.timeline li:last-child{padding-bottom:0}.timeline li:before{content:'';position:absolute;left:99px;top:.48rem;width:12px;height:12px;border:3px solid var(--paper);border-radius:50%;background:var(--wine);box-shadow:0 0 0 2px var(--gold)}.timeline time{color:var(--wine);font:800 .88rem Arial,sans-serif;text-align:right}.timeline h3{margin:0 0 .25rem;font-size:1.08rem}.timeline p{margin:0;color:#4f453b}
.feature{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(0,1.05fr);gap:clamp(1.4rem,4vw,3.3rem);align-items:center}.feature.reverse{grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr)}.feature.reverse .photo-frame{order:2}.photo-frame{margin:0;padding:.65rem;border:1px solid var(--gold);border-radius:.75rem;background:#fff;box-shadow:0 15px 35px #32120f20}.photo-frame img{display:block;width:100%;height:auto;border-radius:.4rem}.photo-frame figcaption{padding:.65rem .3rem .2rem;color:var(--muted);font-size:.8rem;font-style:italic;text-align:center}.art-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.4rem}.art-card{padding:1.25rem 1.3rem;border:1px solid #d9c18a;border-radius:.7rem;background:#fff}.art-card h3{margin:.1rem 0 .45rem}.art-card p{margin:.4rem 0}
.custody{padding:clamp(1.45rem,4vw,2.7rem);color:#fff;background:linear-gradient(130deg,var(--wine-dark),var(--wine));border-left:6px solid var(--gold);border-radius:.75rem;box-shadow:0 15px 35px #32120f25}.custody .eyebrow{color:var(--gold-light)}.custody h2,.custody h3{color:#fff}.custody p{color:#f8ecdf}.custody a{color:var(--gold-light)}.note{margin-top:1.1rem;padding:1rem 1.15rem;border:1px solid #d9c18a;border-radius:.55rem;background:linear-gradient(145deg,#fff,#f2e7d2)}
.links-panel{padding:clamp(1.4rem,3vw,2.2rem);border-radius:.75rem;background:linear-gradient(135deg,#4d0d17,#73192a);color:#fff;text-align:center}.links-panel .eyebrow{color:var(--gold-light)}.links-panel h2{color:#fff}.links-panel p{max-width:780px;margin:.65rem auto 1.25rem;color:#f7eadb}.button-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem}.links-panel .button{background:#fff}.links-panel .button:hover{background:var(--gold-light);color:var(--wine-dark)}.source-line{margin-top:1rem!important;font-size:.83rem}.source-line a{color:var(--gold-light);font-weight:bold}
.site-footer{text-align:center;padding:0 16px 30px;color:#504433;font-size:14px}.site-footer a{font-weight:bold}
@media(max-width:980px){.site-nav{display:none}.menu-button{display:block}.site-header.open .site-nav{display:flex;position:absolute;left:0;right:0;top:74px;flex-wrap:wrap;padding:9px;background:var(--wine-dark);box-shadow:0 8px 17px #0006}.site-header.open .site-nav a{flex:1 0 30%;text-align:center}.see-name span{display:none}}
@media(max-width:760px){body{font-size:16px}.hero{min-height:590px;align-items:flex-end;background-position:center!important}.vasili .hero,.sophia .hero,.peter .hero{background-image:linear-gradient(0deg,rgba(255,250,240,.97) 0%,rgba(255,250,240,.92) 52%,rgba(255,250,240,.13) 83%),var(--mobile-hero)}.vasili{--mobile-hero:url('vasili-hero.png')}.sophia{--mobile-hero:url('sophia-hero.png')}.peter{--mobile-hero:url('stpeter-dome.jpg')}.hero-inner{min-width:0;padding:225px 14px 28px}.hero-copy{width:100%;max-width:100%;padding:1.25rem 1.1rem;background:#fffaf0b3;backdrop-filter:blur(2px)}.hero h1{font-size:clamp(30px,9vw,42px)}.hero-credit{left:8px;right:auto;top:8px;bottom:auto;max-width:calc(100% - 16px);white-space:normal}.section-nav{justify-content:center}.fact-grid,.art-grid{grid-template-columns:1fr}.feature,.feature.reverse{grid-template-columns:1fr}.feature.reverse .photo-frame{order:0}.photo-frame{width:min(100%,650px);margin:auto}.page-card{padding:24px 16px}.timeline:before{left:78px}.timeline li{grid-template-columns:67px minmax(0,1fr);gap:1.55rem}.timeline li:before{left:72px}.timeline time{font-size:.75rem}.site-header.open .site-nav{top:64px}.site-header.open .site-nav a{flex:1 0 45%}.header-emblem img{width:46px;height:46px}.see-name strong{font-size:12px}}
@media(max-width:470px){.timeline:before{left:64px}.timeline li{grid-template-columns:53px minmax(0,1fr);gap:1.4rem}.timeline li:before{left:58px}.section-nav a{flex:1 0 40%}}
@media print{.site-header,.site-footer,.section-nav{display:none}.page-shell{max-width:none;margin:0;padding:0}.page-card{border:0;box-shadow:none;padding:0}.hero{min-height:0;border:0;background:none!important}.hero-inner{padding:0 0 1rem}.hero-copy{box-shadow:none}.hero-credit{display:none}}
