:root{--maroon:#690f25;--ink:#272124;--paper:#fffdf8;--gold:#eac574;--muted:#70686a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,sans-serif}a{color:inherit;text-decoration:none}button,summary,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b08025;outline-offset:5px}.skip{position:absolute;top:-80px;background:white;padding:12px;z-index:10}.skip:focus{top:0}.preview{background:var(--maroon);color:#f7e8cf;padding:7px 5%;font-size:10px;letter-spacing:1.5px}.preview span{letter-spacing:0;margin-left:18px;font-size:11px}header{padding:20px 5%;display:flex;justify-content:space-between;align-items:center;background:var(--paper);gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:1px;font-weight:700}.brand img{width:58px;height:58px;object-fit:contain}.brand small{display:block;font-size:10px;letter-spacing:0;font-weight:400;margin-top:4px}nav{display:flex;gap:28px;font-size:13px}nav a{padding:8px 0}nav a:hover,nav a[aria-current]{color:var(--maroon);box-shadow:0 2px var(--maroon)}.menu{display:none}.hero{position:relative;min-height:625px;display:flex;align-items:center;color:white;overflow:hidden;background:#271018}.campus{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(33,10,19,.91),rgba(38,9,17,.55) 52%,rgba(20,15,18,.12))}.hero-content{position:relative;z-index:1;padding:65px 7%;max-width:850px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;margin:0 0 22px;color:var(--maroon)}.hero .eyebrow,.contact .eyebrow{color:var(--gold)}h1,h2,h3,p{margin-top:0}h1{font:normal clamp(45px,5.6vw,80px)/1.04 Georgia,serif;letter-spacing:-2px;margin-bottom:25px}h1 em{font-weight:400;color:#f0cd89}h2{font:normal clamp(31px,3.3vw,46px)/1.14 Georgia,serif;letter-spacing:-1px;margin-bottom:20px}h3{font:normal 26px/1.2 Georgia,serif;margin-bottom:18px}.hero-content>p:not(.eyebrow){max-width:470px;font-size:15px;color:#e3dadd}.button{display:inline-flex;align-items:center;gap:40px;background:var(--gold);color:#391421;padding:14px 22px;font-size:12px;font-weight:700;margin-top:12px}.button:hover{filter:brightness(1.08)}.location{position:absolute;z-index:1;right:5%;bottom:30px;font-size:10px;letter-spacing:2px;text-align:right}.location span{display:block;font-size:8px;margin-top:3px}.quick{margin:0 5%;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #dfd5cf}.quick a{padding:28px 20px;display:flex;gap:20px;align-items:center;font-size:13px}.quick a+a{border-left:1px solid #dfd5cf}.quick span{font:italic 16px Georgia;color:var(--maroon)}.quick b{margin-left:auto}.quick a:hover{background:#f1e9df}.section{padding:80px 7%}.intro{display:grid;grid-template-columns:1fr 1fr;gap:10%}.intro p:not(.eyebrow){font-size:15px;color:var(--muted)}.text-link{font-size:12px;font-weight:700;color:var(--maroon);border-bottom:1px solid #c5b2b4;padding-bottom:8px;display:inline-block}.text-link span{margin-left:30px}.pale{background:#f1ece4}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.tag{font-size:10px;border:1px solid #cfc0b3;padding:7px 12px;border-radius:20px;color:var(--muted)}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.three article{border-top:2px solid var(--maroon);padding-top:24px}.number{font-size:9px;letter-spacing:1.5px;color:var(--maroon);display:block;margin-bottom:24px}.three p,.resources p{color:var(--muted);font-size:13px}.three .status{font-size:10px;margin-top:28px;margin-bottom:0}.council{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:center}.council>img{width:100%;height:355px;object-fit:cover}.council p:not(.eyebrow){font-size:14px;color:var(--muted)}.maroon{background:var(--maroon);color:white}.resources{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.resources article{border-top:1px solid #bfaeb0;padding-top:25px;scroll-margin-top:25px}details{font-size:12px;border-top:1px solid #ddd1c9;padding-top:18px}summary{cursor:pointer;display:flex;justify-content:space-between;gap:8px;color:var(--maroon)}details p{margin:16px 0 0}.contact{background:var(--maroon);color:white;margin:10px 5% 60px;padding:60px 7%;display:flex;align-items:center;gap:7%;position:relative;overflow:hidden}.contact>img{width:175px;height:175px;object-fit:contain;opacity:.75}.contact h2{font-size:42px}.contact p:not(.eyebrow){max-width:540px;color:#e2cbd0;font-size:14px}.contact .contact-note{font-size:11px!important;margin-bottom:0}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 5%;border-top:1px solid #ded4cc;font-size:11px}.footer-brand{display:flex;align-items:center;gap:15px}.footer-brand img{width:48px;height:48px;object-fit:contain}footer p{margin:0}footer span{color:var(--muted)}.page-head{background:#f0e9df;padding:65px 7%}.page-head h1{font-size:60px;color:var(--maroon)}.page-head p:last-child{max-width:620px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}.about-grid article{border-top:2px solid var(--maroon);padding-top:20px}.about-grid p{color:var(--muted);font-size:14px}.notice{border-left:3px solid var(--gold);padding:16px 22px;background:#f2ece4;font-size:13px;margin-top:30px}@media(min-width:1600px){.hero-content{padding-left:10%}.section{padding-left:10%;padding-right:10%}}@media(max-width:900px){header{flex-wrap:wrap}.brand{font-size:10px}.brand small{font-size:9px}nav{gap:20px}.hero{min-height:570px}.three,.resources{gap:22px}.council{gap:35px}.contact>img{width:120px;height:120px}}@media(max-width:650px){html{scroll-padding-top:20px}.preview span{display:block;margin-left:0}.brand img{width:43px;height:43px}.brand{letter-spacing:.5px}.brand small{max-width:190px}.menu{display:block;background:transparent;border:1px solid #d9cbcc;padding:9px;color:var(--maroon)}nav{display:none;width:100%;flex-direction:column;gap:3px}nav.open{display:flex}.hero{min-height:560px}.hero-content{padding:50px 7% 90px}.hero .eyebrow{font-size:8px;max-width:230px}h1{font-size:53px}.hero-content>p:not(.eyebrow){font-size:14px}.location{left:7%;right:auto;text-align:left}.quick{grid-template-columns:1fr}.quick a{padding:19px 10px}.quick a+a{border-left:0;border-top:1px solid #dfd5cf}.section{padding:50px 7%}.intro,.three,.council,.resources,.about-grid{grid-template-columns:1fr;gap:30px}.section-heading{align-items:flex-start;flex-direction:column;gap:0}.section-heading .tag{margin-bottom:10px}.three article{padding-top:18px}.council>img{height:250px}.contact{padding:40px 7%;margin-bottom:35px}.contact>img{display:none}.contact h2{font-size:36px}footer{flex-direction:column;align-items:flex-start;gap:20px}.page-head h1{font-size:48px}.page-head{padding:45px 7%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* MSU–Zamboanga Sibugay identity */
:root{--maroon:#710b49;--gold:#e6b738;--cyan:#4dbbc2;--paper:#fff;--ink:#30202b}
header{background:var(--maroon);color:white;padding:16px 4%;min-height:94px}.brand{font-size:17px;letter-spacing:0;font-weight:500}.brand small{color:#ecdfe8;font-size:10px}.brand img{width:60px;height:60px}nav{gap:27px;align-items:center;font-size:14px}nav>a{padding:17px 0}nav a:hover,nav a[aria-current]{color:white;box-shadow:0 4px var(--gold)}.menu{color:white;border-color:#b76c9b}.nav-group{position:relative;border:0;padding:0;font-size:14px}.nav-group>summary{color:white;gap:9px;padding:17px 0;list-style:none}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>div{position:absolute;top:100%;right:0;min-width:230px;z-index:5;background:var(--maroon);padding:12px;box-shadow:0 12px 24px #24051935}.nav-group a{display:block;padding:10px 12px}.nav-group a:hover,.nav-group a[aria-current]{background:#88195c;box-shadow:inset 3px 0 var(--gold)}.home-banner{height:490px;position:relative;display:grid;place-items:center;isolation:isolate;background:var(--maroon);overflow:hidden}.home-banner>.campus{z-index:-2;object-position:center 58%}.home-banner:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#710b49d9,#710b49a6 65%,#43062dba)}.banner-title{text-align:center;color:white;padding:40px 20px}.banner-title p{font-size:17px;margin:0 0 16px}.banner-title h1{font:800 clamp(38px,4.4vw,68px)/1.07 Arial,sans-serif;letter-spacing:-1.5px;margin:0}.campus-colors{display:flex;width:135px;height:5px;margin:30px auto 0}.campus-colors i{flex:1;background:var(--gold)}.campus-colors i:nth-child(2){background:var(--cyan)}.campus-colors i:nth-child(3){background:white}.welcome{display:grid;grid-template-columns:260px 1fr;gap:65px;align-items:center;padding:65px 8% 75px;background:var(--maroon);color:white;border-top:6px solid var(--cyan)}.welcome>img{width:100%;height:auto;max-width:260px}.welcome h2{font:800 clamp(32px,3.5vw,52px)/1.15 Arial,sans-serif;letter-spacing:-1px;color:var(--gold);margin-bottom:25px}.welcome p{font-size:17px;line-height:1.8;max-width:850px;margin-bottom:16px;color:#fff}.welcome p:last-child{margin-bottom:0}footer{border-top:5px solid var(--gold);background:#faf7f9;color:var(--ink)}.page-head{background:#f7eef4;border-bottom:5px solid var(--cyan)}.page-head h1{font:750 clamp(35px,4.5vw,60px)/1.12 Arial,sans-serif;max-width:1000px}.pale{background:#f7eef4}.notice{background:#fff6de}.empty-state{min-height:370px;padding:65px 7%;max-width:900px}.empty-state h2{font:600 26px/1.3 Arial,sans-serif;letter-spacing:-.3px}.empty-state p{color:var(--muted);max-width:650px}.state-mark{display:block;color:var(--maroon);font-size:32px;margin-bottom:20px}
@media(max-width:1000px){.brand{font-size:14px}nav{gap:17px}.welcome{grid-template-columns:210px 1fr;gap:40px;padding:55px 6%}.welcome p{font-size:15px}.home-banner{height:440px}}
@media(max-width:750px){header{padding:14px 5%;min-height:80px}.brand{font-size:12px}.brand small{font-size:9px;max-width:200px}.brand img{width:47px;height:47px}.menu{display:block;background:transparent;padding:9px;border:1px solid #b76c9b}nav{display:none;align-items:stretch;width:100%;flex-direction:column;gap:0}nav.open{display:flex}nav>a{padding:12px 0}.nav-group>summary{padding:12px 0}.nav-group>div{position:static;box-shadow:none;background:#61083e;margin-bottom:8px}.home-banner{height:390px}.banner-title p{font-size:13px;max-width:280px;margin:0 auto 16px}.banner-title h1{font-size:clamp(34px,7vw,48px);letter-spacing:-1px}.welcome{grid-template-columns:1fr;gap:25px;padding:40px 7% 45px;text-align:center}.welcome>img{width:150px;margin:auto}.welcome h2{font-size:34px}.welcome p{font-size:15px;text-align:left}.campus-colors{margin-top:25px}.page-head{padding:40px 7%}.empty-state{padding:45px 7%;min-height:330px}}