/* Portfolio redesign · 9 October 2026 */

:root{--navy:#193347;--orange:#e76524;--text:#253a4d;--muted:#647588;--line:#dce3eb;--pale:#f1f5f9;--soft:#f6f8fb}body{background:#fff;font-family:Arial,Helvetica,sans-serif}h1,h2,h3{font-family:Arial,Helvetica,sans-serif;font-weight:700}.topbar{background:#20364b;color:#d9e6ef}.header-main{padding-block:18px}.brand{color:#193347}.main-nav{border-top:1px solid #e2e7ee;padding-block:13px;gap:30px}.main-nav>a:hover{color:#cf571c}.hero{position:relative;background:#19384d;color:white;overflow:hidden}.hero-grid{display:block;position:relative;min-height:465px;padding-top:45px;padding-bottom:125px}.hero-copy{position:relative;z-index:2;max-width:800px;margin:auto;text-align:center}.hero-copy .eyebrow{color:#ffcc91}.hero-copy h1{font-size:clamp(38px,4.1vw,59px);line-height:1.09;letter-spacing:-1.8px;color:#fff;margin:13px 0 17px}.hero-copy h1 br{display:none}.hero-copy h1 span{color:#ffd09c}.hero-copy p{color:#e5edf5;max-width:680px;margin-left:auto;margin-right:auto}.hero-search{margin:25px auto 14px;max-width:750px;background:#fff;border-radius:4px;padding:6px;box-shadow:0 10px 30px #0003;text-align:left}.hero-search input{color:#21374b}.hero-search button{border-radius:3px;background:#e76524;color:#fff}.hero-copy .popular{justify-content:center;color:#d9e6ef;flex-wrap:wrap}.hero-copy .popular a{color:#fff;border-color:#93aaba;background:#ffffff0e}.hero-feature{position:absolute;inset:0;z-index:1;border:0;border-radius:0;box-shadow:none;min-height:0;background:transparent;overflow:hidden}.hero-feature>img{width:100%;height:100%;object-fit:cover;opacity:.35}.hero-image-shade{background:linear-gradient(90deg,#112b45d9,#16304b8f,#14263eba)}.feature-label{display:none}.feature-caption{position:absolute;left:30px;right:30px;bottom:17px;display:flex;align-items:center;gap:15px;border-top:1px solid #ffffff3d;padding-top:17px;background:none;color:white}.feature-caption .glass-label{font-size:11px;flex-shrink:0;color:#ffcc91;background:transparent;padding:0}.feature-caption h2{font-size:19px;line-height:1.2;max-width:300px;margin:0;color:white}.feature-caption>p{display:none}.feature-caption .btn.light{margin:0 0 0 auto;background:#fff;color:#193347;border-radius:3px;padding:9px 14px;font-size:13px;flex-shrink:0}.feature-controls{position:static;display:flex;margin:0;gap:8px;align-items:center;flex-shrink:0}.feature-controls button{background:#ffffff20;color:white;border:1px solid #ffffff50}.explore-band{background:#f0f4f8;border-bottom:1px solid #d7e1eb;padding-block:15px}.explore-band .eyebrow{color:#667c90}.subject-pills a{background:white;color:#36536b;border:1px solid #ccd9e4;border-radius:3px;padding:9px 16px}.subject-pills a:hover{background:#fff2e8;border-color:#e76524;color:#c4541d}.section{padding-block:37px}.section-head h2{font-size:29px;letter-spacing:-.8px}.section-head>a{color:#d46127}.stream-grid{gap:14px}.stream-card{border-radius:4px;border:1px solid #dbe3eb;border-left:4px solid #e76524;padding:21px;box-shadow:none}.stream-card .icon{background:#fff0e5;border-radius:3px;color:#df6127}.stream-card h3{font-size:18px}.stream-card p{font-size:13px}.college-grid{gap:22px}.college-card{border-radius:5px;border-color:#d8e1e9;box-shadow:0 6px 18px #122e4606}.college-card img{height:180px}.college-body{padding:21px}.college-body h3{font-size:21px}.small-tags span{background:#f2f6fa;border-color:#d8e2ec;border-radius:2px;color:#58718a}.college-card .card-bottom{border-top:1px solid #e0e7ed;color:#cd5f25}.tools-banner{background:#203b54;color:white;border-radius:5px;border:0}.tools-banner h2{color:#fff}.tools-banner p{color:#d0dfec}.tools-banner .eyebrow{color:#f5b884}.tools-banner .btn{background:#e76524;border-color:#e76524}.exam-card,.resource-card{border-radius:4px;border-color:#d9e2eb;border-top:3px solid #6d8aa2}.exam-card h3,.resource-card h3{font-family:Arial,sans-serif}.guidance-strip{background:#fff2e7;border-color:#f1d0b5}.btn{border-radius:3px}.page-hero{background:#edf3f8}.filters{background:#f6f8fb;border-radius:3px}.directory-card,.detail-card{border-radius:4px}.tab.active{color:#cc5d25;border-color:#e76524}footer{background:#1d3348;color:#e2ebf2}
@media(max-width:900px){.hero-grid{padding-top:37px;padding-bottom:130px;min-height:460px}.hero-copy h1{font-size:46px}.feature-caption{left:24px;right:24px;flex-wrap:wrap;gap:9px}.feature-caption h2{font-size:17px}.feature-caption .glass-label{display:none}.feature-controls{gap:5px}.feature-controls button{width:30px;height:30px}.hero-feature{display:block}}
@media(max-width:600px){.hero-grid{padding-top:30px;padding-bottom:155px;min-height:560px}.hero-copy h1{font-size:38px;letter-spacing:-1px}.hero-copy h1 br{display:block}.hero-copy>p{font-size:15px}.hero-search{padding:4px;margin-top:21px}.hero-search input{min-width:0;font-size:14px}.hero-search button{padding:13px 16px}.feature-caption{bottom:17px;left:20px;right:20px;display:grid;grid-template-columns:1fr auto;gap:11px}.feature-caption h2{grid-column:1/-1;max-width:none;font-size:17px}.feature-caption .btn.light{margin:0;justify-self:start}.feature-controls{justify-self:end}.hero-feature{display:block;height:100%}.hero-copy .popular a{font-size:11px}.stream-grid{grid-template-columns:1fr 1fr;gap:10px}.stream-card{padding:16px}.stream-card h3{font-size:16px}.stream-card p{font-size:12px}.subject-pills{gap:8px}.subject-pills a{font-size:12px;padding:8px 10px}.section-head h2{font-size:26px}.section{padding-block:30px}}

