:root{--forest:#123c31;--forest-2:#1d5a48;--gold:#c7953e;--gold-light:#e8c985;--cream:#f7f2e7;--ink:#1c2924;--muted:#66736d;--white:#fff;--radius:22px;--shadow:0 18px 60px rgba(15,48,38,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Manrope,system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.7}.skip-link{position:fixed;top:-80px;left:1rem;z-index:9999;background:#fff;padding:.7rem 1rem;color:#000}.skip-link:focus{top:1rem}a{text-decoration:none;color:inherit}.container{max-width:1240px}.topbar{background:#0b2e25;color:#d8e3de;font-size:.78rem;padding:.45rem 0}.topbar a{color:#fff}.site-header{background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(18,60,49,.08)}.navbar{padding:.7rem 0}.navbar-brand{display:flex;align-items:center;gap:.75rem;max-width:470px}.brand-mark{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--gold);border-radius:50%;background:var(--forest);color:var(--gold-light);font:700 1.25rem 'Cormorant Garamond',serif;box-shadow:inset 0 0 0 4px var(--forest),inset 0 0 0 5px rgba(255,255,255,.25)}.brand-copy{display:flex;flex-direction:column;line-height:1.2}.brand-copy strong{font-family:'Cormorant Garamond',serif;color:var(--forest);font-size:1.25rem}.brand-copy small{font-size:.64rem;color:var(--muted);letter-spacing:.03em}.nav-link{font-size:.78rem;font-weight:700;color:#2c3c35!important;text-transform:uppercase;letter-spacing:.02em;padding:.8rem .6rem!important}.nav-link:hover{color:var(--gold)!important}.dropdown-menu{border-radius:14px;padding:.5rem;min-width:240px}.dropdown-item{font-size:.83rem;padding:.65rem .8rem;border-radius:9px}.dropdown-item:hover{background:var(--cream);color:var(--forest)}.btn{border-radius:999px;padding:.7rem 1.15rem;font-weight:700}.btn-gold{background:var(--gold);color:#fff;border:1px solid var(--gold)}.btn-gold:hover{background:#b17d27;color:#fff}.btn-outline-cream{border:1px solid rgba(255,255,255,.65);color:#fff}.btn-outline-cream:hover{background:#fff;color:var(--forest)}
.hero-carousel .carousel-item{height:min(78vh,760px);min-height:590px;background:#173d31}.hero-carousel img{width:100%;height:100%;object-fit:cover;opacity:.52}.hero-carousel .carousel-item:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,33,26,.92),rgba(6,33,26,.38) 62%,rgba(6,33,26,.16)),linear-gradient(0deg,rgba(5,26,21,.5),transparent 45%)}.hero-content{position:absolute;z-index:2;left:0;right:0;top:50%;transform:translateY(-50%);color:#fff}.hero-copy{max-width:770px}.eyebrow{display:inline-block;color:var(--gold-light);font-size:.74rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800;margin-bottom:.8rem}.hero-content h1,.page-hero h1{font:700 clamp(3rem,7vw,6.5rem)/.91 'Cormorant Garamond',serif;letter-spacing:-.035em}.hero-content p{max-width:660px;font-size:1.05rem;color:#e1eae6}.hero-badges{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.hero-badges span{border-left:2px solid var(--gold);padding-left:.8rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.carousel-indicators{justify-content:flex-start;margin-left:max(calc((100% - 1240px)/2),5%);bottom:2rem}.carousel-indicators [data-bs-target]{width:34px;height:3px;border:0}.section{padding:90px 0}.section-cream{background:var(--cream)}.section-dark{background:var(--forest);color:#fff}.section-title{font:700 clamp(2.3rem,4.5vw,4rem)/1 'Cormorant Garamond',serif;color:var(--forest);margin-bottom:1rem}.section-dark .section-title{color:#fff}.lead-text{color:var(--muted);font-size:1.04rem}.image-frame{position:relative;padding:18px 0 0 18px}.image-frame:before{content:"";position:absolute;inset:0 12% 12% 0;background:var(--gold);border-radius:var(--radius)}.image-frame img{position:relative;width:100%;height:520px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}.stat-strip{margin-top:-38px;position:relative;z-index:3}.stat-shell{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:26px 30px}.stat{display:flex;align-items:center;gap:1rem;padding:.65rem 1rem}.stat i{font-size:1.8rem;color:var(--gold)}.stat strong{font:700 1.8rem 'Cormorant Garamond',serif;color:var(--forest);display:block}.stat small{color:var(--muted);font-size:.75rem}.feature-card,.news-card,.content-card{background:#fff;border:1px solid rgba(18,60,49,.09);border-radius:var(--radius);box-shadow:0 12px 42px rgba(23,52,43,.07)}.feature-card{height:100%;padding:30px;transition:.25s}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.feature-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:var(--cream);color:var(--gold);font-size:1.4rem}.feature-card h3{font:700 1.55rem 'Cormorant Garamond',serif;color:var(--forest);margin-top:1.2rem}.feature-card p{color:var(--muted);font-size:.9rem}.news-card{height:100%;overflow:hidden}.news-card img{width:100%;height:220px;object-fit:cover}.news-body{padding:24px}.news-card h3{font:700 1.45rem 'Cormorant Garamond',serif;color:var(--forest)}.meta{font-size:.75rem;color:var(--gold);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.notice-list{display:flex;flex-direction:column;gap:.8rem}.notice-item{display:flex;align-items:center;gap:1rem;background:#fff;padding:16px;border-radius:15px;border:1px solid rgba(18,60,49,.08)}.notice-date{width:54px;height:54px;display:grid;place-items:center;text-align:center;background:var(--forest);color:#fff;border-radius:12px;font-size:.68rem;line-height:1.1}.notice-date strong{font-size:1.15rem}.notice-item h3{font-size:.92rem;margin:0;color:var(--forest);font-weight:700}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.gallery-item{grid-column:span 4;height:290px;position:relative;border-radius:18px;overflow:hidden}.gallery-item:nth-child(1),.gallery-item:nth-child(5){grid-column:span 6}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.4s}.gallery-item:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,32,25,.82),transparent 62%)}.gallery-item span{position:absolute;z-index:2;left:18px;right:18px;bottom:15px;color:#fff;font-weight:700;font-size:.85rem}.gallery-item:hover img{transform:scale(1.05)}.cta-panel{background:linear-gradient(120deg,#123c31,#245c4b);border-radius:30px;padding:55px;color:#fff;position:relative;overflow:hidden}.cta-panel:after{content:"Tai";position:absolute;right:30px;bottom:-60px;font:700 12rem 'Cormorant Garamond',serif;color:rgba(255,255,255,.05)}
.page-hero{min-height:380px;display:flex;align-items:end;padding:80px 0 65px;color:#fff;background:linear-gradient(90deg,rgba(7,35,27,.92),rgba(7,35,27,.53)),var(--page-image) center/cover}.page-hero h1{font-size:clamp(3rem,6vw,5.5rem)}.page-hero p{max-width:680px;color:#dfe8e4}.content-card{padding:clamp(26px,5vw,64px);max-width:1000px;margin:auto}.prose h2,.prose h3{font-family:'Cormorant Garamond',serif;color:var(--forest);font-weight:700;margin-top:1.6em}.prose h2{font-size:2.25rem}.prose h3{font-size:1.55rem}.prose p,.prose li{color:#4f5e57}.prose li{margin:.4rem 0}.prose blockquote{border-left:4px solid var(--gold);background:var(--cream);padding:1rem 1.3rem;border-radius:0 12px 12px 0}.prose table{width:100%;border-collapse:collapse}.prose td,.prose th{padding:.8rem;border:1px solid #dde5e1}.person-card img{height:300px;object-fit:cover}.publication-cover{height:260px!important;object-fit:cover!important}.contact-info{background:var(--forest);color:#fff;padding:36px;border-radius:var(--radius);height:100%}.contact-info a{color:#fff}.form-control,.form-select{border-radius:12px;padding:.8rem 1rem;border-color:#dce5e1}.form-control:focus,.form-select:focus{border-color:var(--gold);box-shadow:0 0 0 .2rem rgba(199,149,62,.15)}
.site-footer{background:#092a22;color:#dce6e2}.footer-brand{display:flex;align-items:center;gap:.8rem}.footer-brand strong{font:700 2rem 'Cormorant Garamond',serif;display:block;color:#fff}.footer-brand small{display:block;color:#9db2aa}.site-footer h3{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gold-light);margin-bottom:1.1rem}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li{margin:.55rem 0}.site-footer li a{font-size:.88rem;color:#dce6e2}.site-footer li a:hover{color:var(--gold-light)}.footer-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.footer-gallery img{width:100%;height:75px;object-fit:cover;border-radius:8px}.footer-bottom{border-top:1px solid rgba(255,255,255,.11);padding:20px 0 26px;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.72rem;color:#9fb2ab}.socials{display:flex;gap:.6rem}.socials a{width:38px;height:38px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center}.back-to-top{position:fixed;right:22px;bottom:22px;width:44px;height:44px;border:0;border-radius:50%;background:var(--gold);color:#fff;z-index:20;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s}.back-to-top.show{opacity:1;pointer-events:auto;transform:none}
@media(max-width:1199px){.navbar-brand{max-width:75%}.navbar-collapse{padding:1rem 0}.btn-gold.ms-xl-3{margin-top:.5rem}.nav-link{padding:.65rem 0!important}.dropdown-menu{box-shadow:none!important;border-left:2px solid var(--gold)!important}.hero-carousel .carousel-item{min-height:570px}}
@media(max-width:767px){.topbar .d-flex.gap-3{display:none!important}.brand-copy strong{font-size:1rem}.brand-copy small{display:none}.brand-mark{width:42px;height:42px}.hero-carousel .carousel-item{height:660px}.hero-content h1{font-size:3.4rem}.section{padding:65px 0}.stat-strip{margin-top:0}.stat-shell{border-radius:0}.image-frame img{height:380px}.gallery-grid{grid-template-columns:1fr}.gallery-item,.gallery-item:nth-child(1),.gallery-item:nth-child(5){grid-column:auto;height:260px}.cta-panel{padding:35px 25px}.page-hero{min-height:330px}.content-card{border-radius:16px}.footer-bottom{display:block}.footer-bottom span{display:block;margin:.4rem 0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.ticker-track>div{animation:none!important}}

/* College-style v2: inspired by the information hierarchy of the supplied
   reference, with original ITSAR branding, spacing and components. */
.identity-header{background:#fff;border-bottom:1px solid #e5ece8}
.identity-inner{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding-top:14px;padding-bottom:14px}
.college-brand{display:flex;align-items:center;gap:18px;min-width:0}
.college-brand .brand-mark{width:74px;height:74px;font-size:1.15rem;border-width:2px;box-shadow:inset 0 0 0 5px var(--forest),inset 0 0 0 6px rgba(255,255,255,.26)}
.college-brand .brand-copy strong{font-size:clamp(1.65rem,3vw,2.45rem);line-height:1;color:var(--forest)}
.college-brand .brand-copy small{font-size:.78rem;color:#9d6b20;text-transform:uppercase;font-weight:800;letter-spacing:.06em;margin-top:.35rem}
.college-brand .brand-copy em{font-size:.72rem;color:var(--muted);font-style:normal;margin-top:.22rem}
.identity-badges{display:flex;gap:10px;flex:0 0 auto}
.identity-badges span{border:1px solid #dbe5e0;background:#f8faf9;color:#53625c;border-radius:10px;padding:9px 12px;font-size:.68rem;font-weight:700;display:flex;align-items:center;gap:7px}
.identity-badges i{color:var(--gold);font-size:1rem}
.college-nav{background:var(--forest)!important;box-shadow:0 5px 20px rgba(7,38,29,.2);padding:0;z-index:1030}
.college-nav .navbar-brand{color:#fff!important;font-family:'Cormorant Garamond',serif;font-size:1.35rem}
.college-nav .nav-link{color:#eef6f2!important;font-size:.73rem;padding:1rem .68rem!important;letter-spacing:.035em}
.college-nav .nav-link:hover,.college-nav .nav-link:focus{background:rgba(255,255,255,.09);color:var(--gold-light)!important}
.college-nav .dropdown-menu{margin-top:0;border-radius:0 0 12px 12px!important;border-top:3px solid var(--gold)!important}
.college-nav .dropdown-menu{background:#172b25!important}
.college-nav .dropdown-item{color:#fff!important}
.college-nav .dropdown-item:hover,.college-nav .dropdown-item:focus,.college-nav .dropdown-item.active{background:rgba(255,255,255,.09)!important;color:var(--gold-light)!important}
.college-nav .navbar-toggler{border-color:rgba(255,255,255,.35);margin:.5rem 0}
.admin-nav-link{color:#173d31;background:var(--gold-light);padding:.45rem .85rem;border-radius:999px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.admin-nav-link:hover{background:#fff;color:var(--forest)}
.notice-ticker{background:#fff6dc;border-bottom:1px solid #efdca8;height:42px;overflow:hidden}
.ticker-shell{height:42px;display:flex;align-items:center;gap:0}
.ticker-label{height:42px;display:flex;align-items:center;gap:7px;padding:0 17px;background:var(--gold);color:#fff;font-size:.72rem;text-transform:uppercase;font-weight:800;flex:0 0 auto}
.ticker-track{min-width:0;overflow:hidden;white-space:nowrap;flex:1}
.ticker-track>div{display:inline-flex;align-items:center;gap:30px;padding-left:30px;min-width:max-content;animation:tickerMove 32s linear infinite}
.ticker-track a{font-size:.76rem;color:#4f4b3e;font-weight:600}
.ticker-track span{color:var(--gold)}
@keyframes tickerMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.hero-carousel .carousel-item{height:min(66vh,620px);min-height:500px}
.hero-carousel .carousel-item:after{background:linear-gradient(90deg,rgba(6,33,26,.88),rgba(6,33,26,.34) 66%,rgba(6,33,26,.14)),linear-gradient(0deg,rgba(5,26,21,.32),transparent 45%)}
.hero-content h1{font-size:clamp(3rem,6vw,5.6rem)}
.stat-strip{margin-top:-32px}
.publication-placeholder{height:260px;background:linear-gradient(135deg,#123c31,#2d6b57);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#efd699;gap:12px}
.gallery-grid .gallery-item:nth-child(1),.gallery-grid .gallery-item:nth-child(2){grid-column:span 6}
.publication-placeholder i{font-size:3rem}.publication-placeholder span{font-size:.74rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800}
.developer-credit{color:var(--gold-light);font-weight:800}
.developer-credit:hover{color:#fff}

@media(min-width:1200px){.college-nav .dropdown:hover>.dropdown-menu{display:block}.college-nav .dropdown-toggle::after{margin-left:.4rem}}
@media(max-width:1199px){.college-nav{padding:.1rem 0}.college-nav .navbar-collapse{padding:.4rem 0 1rem}.college-nav .nav-link{padding:.75rem .25rem!important}.college-nav .dropdown-menu{border-radius:8px!important;border-top:0!important}.admin-nav-link{display:inline-flex;margin-top:.6rem}.identity-badges{display:none}}
@media(max-width:767px){.identity-inner{min-height:88px;padding-top:10px;padding-bottom:10px}.college-brand{gap:11px}.college-brand .brand-mark{width:54px;height:54px;font-size:.84rem}.college-brand .brand-copy strong{font-size:1.28rem}.college-brand .brand-copy small{font-size:.59rem}.college-brand .brand-copy em{display:none}.notice-ticker,.ticker-shell,.ticker-label{height:38px}.ticker-label{padding:0 11px}.hero-carousel .carousel-item{height:570px;min-height:570px}.hero-content h1{font-size:3.25rem}.hero-badges{gap:.6rem}.stat-strip{margin-top:0}.gallery-item,.gallery-item:nth-child(1),.gallery-item:nth-child(2),.gallery-item:nth-child(5){grid-column:auto}.footer-bottom span{margin:.55rem 0}}
