:root{--navy:#003b70;--deep:#002b55;--blue:#0067b9;--gold:#f6b719;--ink:#0b1b34;--muted:#61728b;--line:#dfe7f0;--soft:#f6f9fc}*{box-sizing:border-box}.modern-home{margin:0;color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;background:#fff}.wrap{width:min(1180px,92%);margin:auto}.topbar{background:var(--deep);color:#fff;font-size:12px}.topbar-in{height:34px;display:flex;align-items:center;justify-content:space-between}.topbar a{color:#fff;text-decoration:none;margin-left:18px}.mainhead{background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 1px 10px #001b3815}.head-in{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.brand img{width:54px;height:54px;object-fit:contain}.brand b{font-size:19px;display:block}.brand small{color:var(--muted)}.mainnav{display:flex;align-items:center;gap:28px}.mainnav>a,.navdrop>a{color:var(--ink);font-weight:700;font-size:14px;text-decoration:none;padding:28px 0;position:relative}.mainnav .active:after{content:"";position:absolute;left:0;right:0;bottom:17px;height:3px;background:var(--gold)}.navdrop{position:relative}.dropbox{display:none;position:absolute;top:55px;left:-15px;background:#fff;min-width:220px;box-shadow:0 14px 35px #001b3830;border-radius:8px;padding:8px}.navdrop:hover .dropbox{display:block}.dropbox a{display:block;padding:10px 12px;color:var(--ink);text-decoration:none;font-size:13px;border-radius:5px}.dropbox a:hover{background:var(--soft)}.menubtn{display:none;border:0;background:none;font-size:24px}.hero-modern{height:440px;position:relative;overflow:hidden;background:var(--deep)}.hero-modern video{position:absolute;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,43,85,.94) 0%,rgba(0,43,85,.73) 43%,rgba(0,43,85,.2) 78%)}.hero-copy{position:relative;color:#fff;padding-top:62px}.eyebrow{font-size:13px;letter-spacing:2px;font-weight:800;color:#ffd45a}.hero-copy h1{font-size:58px;line-height:.98;margin:12px 0 14px;letter-spacing:-2px}.hero-copy p{font-size:18px;line-height:1.55;max-width:570px;margin:0 0 26px}.hero-actions{display:flex;gap:28px;align-items:center}.goldbtn{background:var(--gold);color:#10213a;padding:14px 22px;border-radius:6px;font-weight:800;text-decoration:none}.playbtn{color:#fff;text-decoration:none;font-weight:700}.quick-wrap{position:relative;margin-top:-38px;z-index:5}.quick-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.quick-grid a{background:#fff;border:1px solid var(--line);border-radius:7px;padding:15px 16px;text-decoration:none;color:var(--ink);box-shadow:0 8px 20px #001b3818}.quick-grid b,.quick-grid small{display:block}.quick-grid b{font-size:13px;color:var(--deep)}.quick-grid small{font-size:10px;color:var(--muted);margin-top:4px}.factbar{background:linear-gradient(90deg,var(--deep),#00558f);margin-top:-28px;padding:56px 0 22px;color:#fff}.facts{display:grid;grid-template-columns:repeat(4,1fr)}.facts div{padding:4px 34px;border-right:1px solid #ffffff20}.facts div:last-child{border:0}.facts strong{display:block;font-size:27px;color:#ffc329}.facts span{font-size:12px}.section{padding:34px 0}.section-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.section-title span{font-size:11px;color:var(--blue);font-weight:800;letter-spacing:1.5px}.section-title h2{font-size:24px;margin:4px 0 0}.section-title h2:after{content:"";display:block;width:44px;height:3px;background:var(--gold);margin-top:7px}.section-title>a{color:var(--blue);text-decoration:none;font-size:12px;font-weight:700}.faculty-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.faculty-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;text-decoration:none;color:var(--ink);background:#fff;box-shadow:0 3px 12px #001b380b}.fpic{height:92px;background-size:cover;background-position:center}.f1{background-image:linear-gradient(#003b7044,#003b7044),url('../images/unibo1.png')}.f2{background-image:linear-gradient(#003b7020,#003b7020),url('../images/unibo.png')}.f3{background-image:linear-gradient(#003b7020,#003b7020),url('../images/about-bg.jpeg')}.f4{background-image:linear-gradient(#003b7020,#003b7020),url('../images/unibo1.png')}.f5{background-image:linear-gradient(#003b7020,#003b7020),url('../images/unibo.png')}.f6{background-image:linear-gradient(#003b7020,#003b7020),url('../images/about-bg.jpeg')}.faculty-card>div:last-child{padding:13px}.faculty-card b,.faculty-card small{display:block}.faculty-card b{font-size:12px;color:var(--deep)}.faculty-card small{font-size:10px;color:var(--muted);margin-top:5px;line-height:1.35}.programs-modern{background:#fbfdff}.study-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.study-grid a{border:1px solid var(--line);border-radius:7px;padding:11px 12px;text-decoration:none;color:var(--ink);font-size:13px;background:#fff}.study-grid b,.study-grid small{display:block;margin-left:26px}.study-grid b{margin-top:-17px}.study-grid small{font-size:10px;color:var(--muted);margin-top:4px}.study-grid .highlight{background:#e9f5ff;border-color:#9bcdf2}.news-modern{padding-bottom:10px}.modern-news{min-height:100px}.news-placeholder{border:1px dashed #b9c8d8;border-radius:8px;padding:22px;background:var(--soft)}.news-placeholder p{margin:5px 0;color:var(--muted)}.modern-footer{background:var(--deep);color:#fff;padding-top:28px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:55px;padding-bottom:25px}.footer-brand{display:flex;gap:15px}.footer-brand img{width:58px;height:58px;object-fit:contain}.footer-brand b{font-size:14px}.footer-brand p{font-size:11px;color:#d2dfec;line-height:1.5;margin:6px 0}.modern-footer h4{margin:0 0 9px;font-size:13px}.modern-footer a{display:block;color:#d2dfec;text-decoration:none;font-size:11px;padding:3px 0}.copyright{border-top:1px solid #ffffff18;text-align:center;padding:13px;font-size:10px;color:#b8c7d6}@media(max-width:900px){.topbar{display:none}.mainnav{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;padding:18px 5%;box-shadow:0 10px 20px #001b3820}.mainnav.open{display:block}.mainnav>a,.navdrop>a{display:block;padding:10px 0}.menubtn{display:block}.hero-modern{height:500px}.hero-copy h1{font-size:43px}.quick-grid{grid-template-columns:repeat(2,1fr)}.factbar{margin-top:20px;padding-top:22px}.facts{grid-template-columns:repeat(2,1fr);gap:15px}.faculty-grid{grid-template-columns:repeat(2,1fr)}.study-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.brand b{font-size:15px}}@media(max-width:520px){.faculty-grid{grid-template-columns:1fr}.hero-copy h1{font-size:38px}.quick-grid{grid-template-columns:1fr 1fr}.facts{grid-template-columns:1fr 1fr}.brand small{display:none}}
/* =========================================================
   UNIBO - BERITA TERKINI FINAL
   ========================================================= */

/* Area berita */
.news-modern {
    background: #ffffff;
}

.news-modern .section-title {
    margin-bottom: 30px;
}

/* Grid berita */
#latest-news.modern-news {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
    align-items: stretch;
}

/* Jika hanya ada 1 berita, jangan memenuhi seluruh layar */
#latest-news.modern-news > .news-card:only-child {
    max-width: 430px;
}

/* Kartu berita */
.modern-news .news-card {
    background: #ffffff;
    border: 1px solid #e6ebf1;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 6px 24px rgba(11, 35, 65, 0.08);
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;

    display: flex;
    flex-direction: column;
    min-width: 0;
}

/* Efek saat mouse diarahkan */
.modern-news .news-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 36px rgba(11, 35, 65, 0.14);
    border-color: #d8e0e9;
}

/* Area gambar */
.modern-news .news-card-image-wrapper {
    width: 100%;
    height: 230px;
    overflow: hidden;
    background: #eef2f6;
}

/* Gambar berita */
.modern-news .news-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.4s ease;
}

/* Zoom lembut */
.modern-news .news-card:hover .news-image {
    transform: scale(1.04);
}

/* Isi kartu */
.modern-news .news-content {
    padding: 24px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* Tanggal */
.modern-news .news-date {
    margin: 0 0 12px;
    color: #0b67b2;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

/* Judul berita */
.modern-news .news-title {
    margin: 0 0 14px;
    color: #0b2341;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 750;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Ringkasan */
.modern-news .news-excerpt {
    margin: 0 0 22px;
    color: #64748b;
    font-size: 15px;
    line-height: 1.7;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Tombol baca */
.modern-news .news-link {
    display: inline-flex;
    align-items: center;
    width: fit-content;

    margin-top: auto;

    color: #075da8;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    transition: color 0.2s ease;
}

.modern-news .news-link:hover {
    color: #d9a514;
}

/* Placeholder jika belum ada berita */
.modern-news .news-placeholder {
    grid-column: 1 / -1;
    padding: 35px;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    color: #64748b;
}

.modern-news .news-placeholder b {
    color: #0b2341;
    font-size: 20px;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {

    #latest-news.modern-news {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px;
    }

    .modern-news .news-card-image-wrapper {
        height: 220px;
    }

    #latest-news.modern-news > .news-card:only-child {
        max-width: 100%;
    }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 650px) {

    #latest-news.modern-news {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .modern-news .news-card {
        border-radius: 13px;
    }

    .modern-news .news-card-image-wrapper {
        height: 210px;
    }

    .modern-news .news-content {
        padding: 20px;
    }

    .modern-news .news-title {
        font-size: 19px;
    }

    .modern-news .news-excerpt {
        font-size: 14px;
    }

    #latest-news.modern-news > .news-card:only-child {
        max-width: 100%;
    }
}
/* =========================================================
   UNIBO - 6 FAKULTAS PREMIUM
   3 Kolom x 2 Baris
   ========================================================= */

.faculty-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
    margin-top: 30px;
}

/* KARTU FAKULTAS */
.faculty-card {
    position: relative;
    display: block;
    min-height: 310px;
    overflow: hidden;

    background: #0b2341;
    border-radius: 16px;

    text-decoration: none;
    box-shadow: 0 8px 28px rgba(11, 35, 65, 0.12);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

/* FOTO */
.faculty-card .fpic {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    transition: transform 0.45s ease;
}

/* OVERLAY BIRU */
.faculty-card::after {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            to top,
            rgba(4, 31, 61, 0.96) 0%,
            rgba(4, 31, 61, 0.78) 38%,
            rgba(4, 31, 61, 0.25) 72%,
            rgba(4, 31, 61, 0.08) 100%
        );

    z-index: 1;
}

/* AREA TEKS */
.faculty-card > div:last-child {
    position: absolute;
    z-index: 2;

    left: 26px;
    right: 26px;
    bottom: 24px;

    color: #ffffff;
}

/* GARIS EMAS */
.faculty-card > div:last-child::before {
    content: "";
    display: block;

    width: 44px;
    height: 4px;

    margin-bottom: 13px;

    background: #f5b814;
    border-radius: 20px;
}

/* NAMA FAKULTAS */
.faculty-card b {
    display: block;

    margin-bottom: 8px;

    color: #ffffff;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 750;
}

/* JUMLAH PROGRAM STUDI */
.faculty-card small {
    display: block;

    color: rgba(255,255,255,0.84);
    font-size: 14px;
    line-height: 1.55;
}

/* TULISAN SELENGKAPNYA */
.faculty-card small::after {
    content: "Selengkapnya →";

    display: block;

    margin-top: 13px;

    color: #f5b814;
    font-size: 13px;
    font-weight: 700;

    opacity: 0;
    transform: translateY(5px);

    transition:
        opacity 0.25s ease,
        transform 0.25s ease;
}

/* HOVER */
.faculty-card:hover {
    transform: translateY(-7px);

    box-shadow:
        0 18px 40px rgba(11, 35, 65, 0.20);
}

.faculty-card:hover .fpic {
    transform: scale(1.06);
}

.faculty-card:hover small::after {
    opacity: 1;
    transform: translateY(0);
}


/* =========================================================
   FOTO MASING-MASING FAKULTAS
   ========================================================= */

/* Sementara menggunakan gambar UNIBO yang sudah tersedia.
   Nantinya bisa diganti foto asli masing-masing fakultas. */

.faculty-card .f1 {
    background-image: url("../images/about-bg.jpeg");
}

.faculty-card .f2 {
    background-image: url("../images/rektor.JPG");
}

.faculty-card .f3 {
    background-image: url("../images/about-bg.jpeg");
}

.faculty-card .f4 {
    background-image: url("../images/rektor.JPG");
}

.faculty-card .f5 {
    background-image: url("../images/about-bg.jpeg");
}

.faculty-card .f6 {
    background-image: url("../images/rektor.JPG");
}


/* =========================================================
   JUDUL BAGIAN FAKULTAS
   ========================================================= */

.faculty-grid + * {
    margin-top: 0;
}

.section-title > div > span {
    color: #0867b2;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.section-title h2 {
    color: #0b2341;
}

.section-title > a {
    color: #0867b2;
    font-weight: 700;
    text-decoration: none;
}

.section-title > a:hover {
    color: #d9a514;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {

    .faculty-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px;
    }

    .faculty-card {
        min-height: 290px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 650px) {

    .faculty-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .faculty-card {
        min-height: 270px;
        border-radius: 14px;
    }

    .faculty-card > div:last-child {
        left: 22px;
        right: 22px;
        bottom: 22px;
    }

    .faculty-card b {
        font-size: 19px;
    }

    /* Selengkapnya selalu terlihat di HP */
    .faculty-card small::after {
        opacity: 1;
        transform: none;
    }
}