:root{--navy:#152c4b;--ink:#202020;--red:#713936;--paper:#f2eddf;--gold:#b89852;--line:#b6ad98}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#d8d3c6;color:var(--ink);font-family:Georgia,'Times New Roman',serif;line-height:1.55}.page-frame{max-width:1080px;margin:22px auto;background:#e9e3d5;border:1px solid #76716a;box-shadow:0 4px 0 #9d988c,0 9px 22px #0003}.site-header{display:flex;align-items:center;gap:18px;padding:24px 28px 20px;background:linear-gradient(#f7f3e9,#ded6c6);border-bottom:4px double var(--navy)}.crest{width:64px;height:72px;display:grid;place-items:center;color:#f6f0df;background:var(--navy);border:4px double var(--gold);font:700 22px Georgia;clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%)}.eyebrow,.section-label{margin:0;color:var(--red);font:700 11px Arial,sans-serif;letter-spacing:2px;text-transform:uppercase}.site-header h1{margin:0;color:var(--navy);font-size:clamp(34px,6vw,60px);line-height:1}.site-header h1 span{font-weight:normal}.motto{margin:7px 0 0;color:#625b50;font-style:italic}.header-meta{margin-left:auto;text-align:right;color:#665f54;font:12px/1.8 Arial,sans-serif}.nav-bar{display:flex;flex-wrap:wrap;padding:0 20px;background:var(--navy);border-bottom:4px solid var(--gold)}.nav-bar a{padding:10px 13px;color:#f7f0df;text-decoration:none;font:bold 12px Arial,sans-serif}.nav-bar a:hover,.nav-bar a:focus,.nav-bar .active{background:var(--red);text-decoration:underline}.announcement{margin:18px 26px;padding:10px 14px;background:#eee5bf;border:1px solid #a89a69;box-shadow:inset 0 0 0 2px #f7f1d9;color:#493d2d;font-size:14px}.announcement span{font-size:12px}.content-grid{display:grid;grid-template-columns:1fr 320px;gap:22px;margin:0 26px}.paper{background:var(--paper);border:1px solid var(--line);box-shadow:inset 0 0 0 3px #e4ddcc}.hero-panel,.section{padding:24px}.hero-panel h2,.section h2{margin:4px 0 10px;color:var(--navy);font-size:30px;line-height:1.1}.signature{margin-top:24px;color:#5d5549}.button{padding:8px 12px;border:2px outset #ddd8ca;background:#ddd8ca;color:var(--navy);font:12px Georgia;cursor:pointer}.button:active{border-style:inset}.hidden-note{display:none;margin:16px 0 0;padding:10px;background:#fffbea;border-left:4px solid var(--red);font-size:13px}.hidden-note.visible{display:block}.notice-board{padding:0 12px 12px;background:#d3c6a7;border:5px ridge #a49473;transform:rotate(.3deg)}.board-heading{margin:0 -12px 10px;padding:8px;text-align:center;color:#fff;background:var(--red);font-weight:bold}.notice-board article{display:flex;gap:10px;padding:12px 3px;border-bottom:1px dashed #897d68}.notice-board time{color:var(--red);font:bold 12px Arial}.notice-board p{margin:3px 0 0;font-size:13px}.board-footer{text-align:center;font-size:12px}.notice-board a,.site-footer a{color:inherit}.section{margin:22px 26px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:28px}.faculty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.faculty-card{padding:15px;background:#dbd4c5;border:1px solid #aaa18e;border-top:4px solid var(--navy)}.portrait{width:62px;height:62px;display:grid;place-items:center;margin-bottom:9px;background:#7f8e8b;color:#f7f0df;border:3px double #f7f0df;font-weight:bold;font-size:19px}.portrait-red{background:#844d49}.portrait-gold{background:#9c8250}.faculty-card h3{margin:0;color:var(--navy);font-size:18px}.faculty-card p{margin:2px 0 10px;font-size:13px}.faculty-card small{font-style:italic}.directory{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.directory div{padding:12px;border-bottom:1px solid var(--line)}.directory span{display:block;font-size:13px;color:#635b4f}.directory .missing{background:#e7dfce;color:#6d3935}.tiny-note{margin-bottom:0;font-size:12px;color:#6f6658}.construction{padding:9px;border:1px dashed var(--red);color:var(--red);font-style:italic}.site-footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 26px;background:var(--navy);color:#eee7d7;font:11px Arial,sans-serif}.visitor-counter{color:#d6b96b}@media(max-width:700px){.page-frame{margin:0;border-width:0}.site-header{padding:18px 15px}.header-meta{display:none}.nav-bar{padding:0}.nav-bar a{flex:1 1 50%;text-align:center}.content-grid{grid-template-columns:1fr;margin:0 14px}.section{margin:18px 14px;padding:18px}.columns,.directory{grid-template-columns:1fr}.faculty-grid{grid-template-columns:1fr 1fr}.announcement{margin:14px}.site-header h1{font-size:34px}}@media(max-width:430px){.faculty-grid{grid-template-columns:1fr}.site-footer{padding:16px 14px}}
