:root { --navy:#062c43; --deep:#052439; --cream:#f8f5e9; --paper:#eceee8; --white:#fffef9; --ink:#062c43; --muted:#526873; --blue:#c4dbe1; --rule:#b9c5c5; --display:Impact,'Arial Black','DejaVu Sans Condensed',sans-serif; }
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit}button{font:inherit}.wrap{width:min(1320px,calc(100% - 112px));margin:auto}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:white;color:var(--navy);padding:1rem;font-weight:bold}.skip-link:focus{top:1rem}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #287797;outline-offset:5px}a:hover{text-decoration-thickness:2px}
.site-header{min-height:94px;display:flex;align-items:center;justify-content:space-between;padding:18px 56px;gap:32px;background:var(--cream);border-top:8px solid var(--navy);border-bottom:1px solid var(--navy)}
.wordmark{text-decoration:none;display:flex;align-items:center;font-family:var(--display);font-size:25px;font-weight:900;letter-spacing:-.03em;line-height:.95}.wordmark small{display:block;font:700 10px Arial,sans-serif;letter-spacing:.31em;margin-top:7px}.site-header nav{display:flex;gap:32px;align-items:center}.site-header nav a{text-decoration:none;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.09em;padding:12px 0;border-bottom:2px solid transparent}.site-header nav a:hover{border-color:var(--navy)}
.hero{background:var(--cream);color:var(--navy)}.hero-image{position:relative;background:var(--cream);border-bottom:8px solid var(--navy)}.hero-image img{display:block;width:100%;height:auto;object-fit:contain}.hero-content{padding:42px 0;display:grid;grid-template-columns:1.2fr 1fr;column-gap:10%;align-items:center}.eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--muted);margin:0 0 20px;line-height:1.5}.hero-content>.eyebrow{grid-column:1/-1;margin-bottom:18px}.hero h1,h2{font-family:var(--display);font-weight:900;letter-spacing:-.055em;line-height:.95;margin:0;text-transform:uppercase}.hero h1{font-size:clamp(52px,5.5vw,82px)}.hero h1 em,h2 em{font-style:normal;font-weight:900}.hero-invitation{justify-self:end}.hero-copy{font-size:21px;line-height:1.5;margin:0 0 24px;font-weight:400;max-width:380px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:38px;padding:17px 21px;text-transform:uppercase;text-decoration:none;font-size:11px;letter-spacing:.09em;font-weight:800;background:var(--navy);color:var(--cream);border:2px solid var(--navy);transition:background .15s,color .15s}.button:hover{background:#e1ebea;color:var(--navy)}.button span{font-size:18px}.hero-bottom{padding:0 0 24px;display:flex;justify-content:space-between;gap:20px;font-size:9px;font-weight:800;letter-spacing:.12em;color:var(--muted)}.hero-bottom a{text-decoration:none}.hero-bottom a:hover{text-decoration:underline}
.section{padding:84px 0}.section-label{display:flex;align-items:center;gap:20px;font-size:11px;letter-spacing:.12em;font-weight:900;margin-bottom:50px;color:var(--navy)}.section-label>span:first-child{background:var(--navy);color:var(--cream);padding:10px 14px}.label-line{height:3px;flex:1;background:var(--navy)}h2{font-size:clamp(48px,5.6vw,82px)}.intro{border-top:1px solid var(--rule)}.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:9%}.intro-copy{max-width:490px;padding-top:25px}.intro-copy p,.section-heading>p,.place-heading>p{font-size:18px;line-height:1.7;margin:0 0 20px}.text-link{display:inline-block;margin-top:12px;text-decoration:none;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.08em;border-bottom:2px solid var(--navy);padding-bottom:10px}.text-link span{margin-left:24px}
.people{background:var(--white);border-top:9px double var(--navy);border-bottom:1px solid var(--rule)}.section-heading,.place-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:44px}.section-heading>p,.place-heading>p{max-width:360px;font-size:17px;margin:0;color:var(--muted)}.image-button{display:block;position:relative;padding:0;border:1px solid var(--navy);background:var(--cream);cursor:zoom-in;width:100%;text-align:left;overflow:hidden}.image-button img{display:block;width:100%;height:auto}.image-button:hover .expand-label{background:#d7e7e8}.expand-label{display:flex;justify-content:space-between;background:var(--navy);color:white;padding:15px 18px;font-size:10px;font-weight:800;letter-spacing:.1em;transition:background .15s}.image-button:hover .expand-label{color:var(--navy)}.expand-label span{font-size:16px}.names{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:24px 0 0;border-top:1px solid var(--rule);counter-reset:roster}.names span{font-size:13px;font-weight:700;padding:16px 8px;border-bottom:1px solid var(--rule);line-height:1.4}.names span:before{counter-increment:roster;content:counter(roster,decimal-leading-zero);display:block;color:var(--muted);font-size:10px;letter-spacing:.08em;margin-bottom:6px;font-weight:400}
.place{background:var(--paper)}.map-caption{display:flex;justify-content:space-between;gap:20px;margin-top:15px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.1em;line-height:1.6}.map-key{margin-top:28px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.map-key summary{cursor:pointer;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:21px 0;list-style:none;display:flex;justify-content:space-between;gap:20px}.map-key summary::-webkit-details-marker{display:none}.map-key summary span{font-size:22px;line-height:16px}.map-key[open] summary span{transform:rotate(45deg)}.map-key-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding-bottom:28px}.map-key h3{font-size:16px;text-transform:uppercase;letter-spacing:.04em;margin:12px 0 16px}.map-key ol{padding-left:26px;margin:0;font-size:14px;line-height:2}.map-key li::marker{color:var(--muted);font-variant-numeric:tabular-nums}
.closing{background:var(--blue);color:var(--navy);border-top:9px double var(--navy);padding:65px 0}.closing-inner{display:flex;justify-content:space-between;align-items:center;gap:50px}.closing h2{font-size:clamp(42px,4.7vw,68px)}.closing .eyebrow{color:var(--navy)}.closing .button{flex:none}footer{background:var(--navy);color:var(--cream);padding:32px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-brand{text-decoration:none;font:900 20px var(--display);letter-spacing:-.03em}.footer-brand span{display:block;font:700 8px Arial,sans-serif;letter-spacing:.3em;margin-top:4px}.footer-inner p{font-size:12px;line-height:1.5}.footer-inner>a:last-child{text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.08em}
.image-dialog{border:0;padding:0;margin:0;inset:0;background:var(--deep);color:white;max-width:none;max-height:none;width:100vw;height:100dvh;overflow:hidden}.image-dialog::backdrop{background:#052439e8}.dialog-inner{height:100%;display:flex;flex-direction:column;padding:20px 28px 28px}.dialog-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex:none;margin-bottom:5px;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.08em}.dialog-bar p{line-height:1.6}.dialog-controls{display:flex;gap:10px;align-items:center;flex:none}.dialog-close,.dialog-zoom{color:white;background:transparent;border:1px solid #a9b7b3;padding:10px 16px;min-height:44px;cursor:pointer;text-transform:uppercase;font-size:10px;letter-spacing:.1em}.dialog-close:hover,.dialog-zoom:hover{background:#25485c}.dialog-close span{font-size:18px;vertical-align:middle;margin-left:10px}#dialog-help{color:#c4d7dc;font-size:12px;line-height:1.5;margin:0 0 18px}.dialog-canvas{overflow:auto;min-height:0;flex:1;display:flex;align-items:safe center;justify-content:safe center;overscroll-behavior:contain}.dialog-canvas:focus-visible{outline:3px solid #75b8d1;outline-offset:3px}.dialog-inner img{flex-shrink:0;display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;margin:0}.dialog-canvas.is-zoomed{display:block}.dialog-canvas.is-zoomed img{width:1536px;height:auto;max-width:none;max-height:none;margin:0 auto}body.viewer-open{overflow:hidden}
.asset-notice,.asset-placeholder{display:none}.hero-image img.is-missing{display:none}.hero-image:has(img.is-missing) .asset-notice{display:block;padding:100px 30px}.asset-placeholder{min-height:320px;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:#d9e2df;text-align:center;font-size:12px}.asset-placeholder strong{font-size:25px}.image-button.is-missing{cursor:default}.image-button.is-missing img,.image-button.is-missing .expand-label{display:none}.image-button.is-missing .asset-placeholder{display:flex}
@media(max-width:900px){.wrap{width:calc(100% - 64px)}.site-header{padding:18px 32px;gap:25px}.site-header nav{gap:20px}.site-header nav a{font-size:10px}.hero-copy{font-size:19px}.intro-grid{gap:6%}.intro-copy p{font-size:17px}.section-heading>p,.place-heading>p{max-width:290px}.names span{font-size:12px}.closing-inner{gap:25px}.closing .button{gap:20px}}
@media(max-width:680px){.wrap{width:calc(100% - 40px)}.site-header{padding:19px 20px 10px;display:block}.wordmark{font-size:24px}.site-header nav{justify-content:space-between;gap:12px;margin-top:18px}.site-header nav a{font-size:9px;letter-spacing:.06em;padding:9px 0}.hero-image{border-bottom-width:5px}.hero-content{display:block;padding:30px 0}.hero-content>.eyebrow{font-size:9px;margin-bottom:16px}.hero h1{font-size:clamp(45px,10vw,65px);line-height:.96}.hero-invitation{margin-top:22px}.hero-copy{font-size:18px;margin-bottom:20px}.button{font-size:10px;gap:36px;padding:15px 18px}.hero-bottom{font-size:8px;letter-spacing:.05em;padding-bottom:22px;align-items:center}.section{padding:58px 0}.section-label{font-size:9px;margin-bottom:34px;gap:12px}.section-label>span:first-child{padding:9px 10px}.intro-grid{display:block}.intro-copy{padding-top:25px;max-width:none}.intro-copy p{font-size:17px}.eyebrow{font-size:10px;margin-bottom:15px}h2{font-size:clamp(43px,10vw,65px)}.section-heading,.place-heading{display:block;margin-bottom:30px}.section-heading>p,.place-heading>p{max-width:none;margin-top:24px;font-size:16px;line-height:1.65}.names{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:15px}.names span{font-size:13px;padding:14px 5px}.expand-label{padding:13px;font-size:9px}.map-caption{font-size:8px;letter-spacing:.04em}.map-caption span:last-child{text-align:right}.map-key summary{font-size:11px;line-height:1.5}.map-key-grid{grid-template-columns:1fr;gap:15px}.closing{padding:45px 0}.closing-inner{display:block}.closing h2{font-size:clamp(39px,9vw,58px)}.closing .button{margin-top:26px}.footer-inner{align-items:flex-start;flex-direction:column;gap:18px}.footer-inner p{margin:0}.dialog-inner{padding:14px}.dialog-bar{align-items:flex-start;flex-wrap:wrap;gap:6px;margin-bottom:12px}.dialog-bar p{margin:0 0 6px;width:100%}.dialog-controls{width:100%;justify-content:flex-end}.dialog-controls button{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Portrait-led student directory and profiles. Original ensemble artwork is unchanged. */
.student-directory{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 16px;margin-top:34px}
.student-card{text-decoration:none;display:block;background:var(--cream);border:1px solid var(--rule);transition:transform .18s,border-color .18s}
.student-card:hover{transform:translateY(-4px);border-color:var(--navy)}
.student-portrait{width:100%;aspect-ratio:298/370;background-image:url('assets/ensemble.png');background-repeat:no-repeat;background-size:515.43624% auto;background-position:var(--portrait-x) var(--portrait-y);background-color:var(--paper)}
.student-card-body{display:block;padding:17px 13px}.student-number{display:block;font-size:8px;letter-spacing:.09em;color:var(--muted);font-weight:700;margin-bottom:11px}.student-card strong{display:block;font-size:17px;line-height:1.2;min-height:2.4em}.student-card-action{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--rule);padding-top:13px;margin-top:16px;text-transform:uppercase;font-size:9px;letter-spacing:.07em;font-weight:800}
.profile-breadcrumb{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:29px;padding-bottom:29px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.profile-breadcrumb a{text-decoration:none}.profile-breadcrumb a:hover{text-decoration:underline}.profile-breadcrumb>span{color:var(--muted);font-variant-numeric:tabular-nums}
.profile-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8%;align-items:center;border-top:3px solid var(--navy);padding-top:34px;padding-bottom:70px}.profile-photo{border:1px solid var(--navy);box-shadow:12px 12px 0 var(--blue)}.profile-photo-caption{display:flex;justify-content:space-between;gap:16px;background:var(--navy);color:var(--cream);padding:15px 16px;font-size:9px;font-weight:700;letter-spacing:.1em}.profile-copy h1{font:900 clamp(45px,5.7vw,86px)/.95 var(--display);letter-spacing:-.045em;text-transform:uppercase;margin:0;overflow-wrap:anywhere}.profile-copy h1 span{color:#375f73}.profile-rule{height:8px;border-top:3px solid var(--navy);border-bottom:1px solid var(--navy);width:68px;margin:29px 0}.profile-intro{font-size:21px;line-height:1.55;max-width:440px;margin:0 0 31px}.profile-note{border-left:3px solid var(--navy);padding:4px 0 4px 20px;margin-bottom:22px}.profile-note h2{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:800;line-height:1.5;letter-spacing:.06em;margin:0 0 7px}.profile-note p{font-size:15px;line-height:1.6;color:var(--muted);margin:0}.profile-next{padding:20px 0 65px}.profile-next .section-label{margin-bottom:25px}.profile-pagination{display:grid;grid-template-columns:1fr 1fr;gap:25px}.profile-pagination>a{display:block;text-decoration:none;background:var(--white);border:1px solid var(--rule);padding:25px}.profile-pagination>a:hover{background:var(--blue);border-color:var(--navy)}.profile-pagination>a:last-child{text-align:right}.profile-pagination span{display:block;font-size:9px;font-weight:800;letter-spacing:.1em;color:var(--muted);margin-bottom:13px}.profile-pagination strong{font:900 clamp(23px,3vw,40px)/1.1 var(--display);text-transform:uppercase}.profile-roster{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:28px}.profile-roster a{font-size:12px;line-height:1.5;text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}.profile-roster a:hover,.profile-roster a[aria-current="page"]{border-color:var(--navy)}.profile-roster a[aria-current="page"]{font-weight:800}
@media(max-width:1000px){.student-directory{grid-template-columns:repeat(3,minmax(0,1fr))}.student-card strong{min-height:0}.profile-hero{gap:6%}.profile-copy h1{font-size:clamp(43px,6.2vw,66px)}.profile-intro{font-size:18px}.profile-photo-caption{font-size:8px;letter-spacing:.04em}}
@media(max-width:680px){.student-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;margin-top:24px}.student-card-body{padding:13px 10px}.student-card strong{font-size:16px;min-height:2.4em}.student-number{font-size:7px}.profile-breadcrumb{font-size:9px;padding-top:23px;padding-bottom:23px}.profile-hero{display:flex;flex-direction:column;align-items:stretch;gap:35px;padding-top:25px;padding-bottom:40px}.profile-photo{max-width:430px;width:calc(100% - 10px);margin:0 auto 0 0;box-shadow:8px 8px 0 var(--blue)}.profile-copy h1{font-size:clamp(46px,12vw,74px)}.profile-copy .eyebrow{font-size:9px}.profile-rule{margin:23px 0}.profile-intro{font-size:19px;margin-bottom:25px}.profile-next{padding-top:10px;padding-bottom:45px}.profile-pagination{gap:12px}.profile-pagination>a{padding:18px 12px}.profile-pagination span{font-size:8px;line-height:1.6}.profile-pagination strong{font-size:24px}.profile-roster{gap:6px 16px}.profile-roster a{font-size:11px}}

/* Individual student pages use the authorized shirtless portrait set. */
.profile-hero .student-portrait{background-image:url("assets/ensemble-shirtless.png")}

/* Keep individual high-resolution portraits sharp and comfortably sized. */
.profile-photo{width:100%;max-width:440px;justify-self:start}
.profile-portrait{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;background:var(--paper)}
@media(max-width:680px){.profile-photo{max-width:420px;width:calc(100% - 10px)}}