/* Geniş ekran, dizüstü, tablet ve 320 px dahil mobil düzenler */
@media (min-width: 1700px) {
  .hero-layout { min-height: 720px; }
  .hero-visual { width: calc(50vw); right: calc((1320px - 100vw)/2); }
}
@media (max-width: 1280px) {
  .header-inner { gap: 20px; }
  .brand img { width: 170px; height: 78px; }
  .nav-list { gap: 16px; }
  .nav-label { font-size: 13px; }
  .header-donate { padding-inline: 12px; }
  .hero-copy { padding-right: 26px; }
  .hero-caption { right: 32px; }
  .footer-grid { gap: 45px; }
  .page-layout { gap: 40px; grid-template-columns: 210px minmax(0,1fr); }
}
@media (max-width: 1080px) {
  .header-inner { min-height: 88px; }
  .menu-toggle { display: flex; }
  .header-donate { margin-left: auto; }
  .menu-toggle { margin-left: 0; }
  .site-nav { display: none; position: fixed; top: 88px; left: 0; right: 0; bottom: 0; padding: 20px var(--gutter) 50px; background: white; overflow-y: auto; overscroll-behavior: contain; }
  .site-nav.is-open { display: block; }
  .nav-list { display: block; }
  .nav-item { border-bottom: 1px solid var(--line); }
  .nav-label { font-size: 16px; min-height: 60px; width: 100%; justify-content: space-between; }
  .nav-trigger { width: 100%; justify-content: space-between; }
  .nav-expand { width: 45px; height: 45px; padding: 8px; }
  .nav-item::after { display: none; }
  .dropdown { position: static; width: 100%; border: 0; box-shadow: none; max-height: none; padding: 0 0 18px; }
  .dropdown-list a { padding-block: 10px; font-size: 15px; }
  .hero-layout { min-height: 680px; grid-template-columns: 1.1fr 1fr; }
  .hero-copy { padding-right: 0; }
  .hero h1 { font-size: 75px; }
  .hero-visual { opacity: .75; }
  .hero-purpose { margin-block: 28px; }
  .president-layout { grid-template-columns: 265px 1fr; gap: 40px; }
  .president-photo { width: 255px; }
  .president-photo img { width: 235px; height: 305px; }
  .quick-card { padding-inline: 26px; }
  .quick-card h2 { font-size: 25px; }
  .news-grid { gap: 23px; }
  .news-card h3 { font-size: 18px; }
  .faculty-grid { grid-template-columns: repeat(5,minmax(0,1fr)); gap: 25px; }
  .faculty-grid img { width: 65px; height: 65px; }
  .footer-grid { gap: 35px; }
  .footer-brand img { width: 195px; }
  .page-layout { grid-template-columns: 190px minmax(0,1fr); gap: 30px; }
  .member-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .contact-grid { gap: 40px; }
}
@media (max-width: 760px) {
  :root { --gutter: 24px; }
  html { scroll-padding-top: 100px; }
  .utility-bar .container { min-height: 31px; justify-content: center; }
  .utility-links { gap: 18px; }
  .utility-bar .utility-email { display: none; }
  .utility-links a { font-size: 12px; }
  .utility-links .instagram-label { display: none; }
  .header-inner { min-height: 82px; gap: 12px; }
  .brand img { width: 155px; height: 70px; }
  .header-donate { font-size: 12px; min-height: 41px; padding: 9px 12px; }
  .header-donate .icon { display: none; }
  .menu-toggle { width: 41px; height: 41px; }
  .site-nav { top: 82px; }
  .hero-layout { min-height: 810px; display: block; }
  .hero-copy { padding: 48px 0 80px; }
  .hero h1 { font-size: clamp(61px,12.5vw,90px); }
  .hero .eyebrow { font-size: 11px; max-width: 300px; margin-bottom: 24px; }
  .hero-purpose { max-width: 490px; margin: 28px 0; padding-left: 16px; }
  .hero-purpose p { font-size: 14px; line-height: 1.9; }
  .hero-purpose h2 { font-size: 12px; }
  .hero-visual { width: calc(100% + var(--gutter) * 2); right: calc(-1 * var(--gutter)); top: auto; height: 44%; bottom: 0; opacity: .65; }
  .hero-visual::after { background: linear-gradient(180deg, var(--primary-dark) 0%, #0b233418 70%), linear-gradient(0deg,#0b23346b,transparent); }
  .hero-caption { bottom: 28px; right: 2px; width: 175px; font-size: 11px; padding-left: 12px; }
  .hero-controls { bottom: 30px; gap: 10px; }
  .hero-progress { width: 40px; }
  .hero-arrow { width: 33px; height: 33px; }
  .hero-copy--news h2 { font-size: 40px; }
  .president { padding-block: 65px; }
  .president-layout { grid-template-columns: 1fr; gap: 36px; }
  .president-photo { width: 224px; padding: 0 0 16px 16px; }
  .president-photo img { width: 208px; height: 260px; }
  .president-copy blockquote { font-size: 17px; }
  .president-signature strong { font-size: 16px; }
  .quick-section { padding-block: 40px; }
  .quick-grid { grid-template-columns: 1fr; }
  .quick-card, .quick-card:first-child, .quick-card:last-child { position: relative; padding: 30px 0 30px 75px; border-left: 0; border-top: 1px solid #d4dcdf; }
  .quick-card:first-child { border-top: 0; padding-top: 15px; }
  .quick-card:first-child .quick-icon { top: 17px; }
  .quick-icon { position: absolute; left: 0; top: 34px; width: 47px; height: 47px; }
  .quick-card h2 { font-size: 27px; }
  .quick-card p { font-size: 14px; margin-bottom: 20px; }
  .news-section { padding-block: 62px; }
  .section-heading { margin-bottom: 30px; }
  .news-grid { grid-template-columns: 1fr; gap: 34px; }
  .news-card-image { aspect-ratio: 1.65; margin-bottom: 19px; }
  .news-card h3 { font-size: 21px; }
  .news-card p { font-size: 15px; }
  .news-meta { font-size: 12px; }
  .all-news-link { margin-top: 30px; }
  .faculty-grid { gap: 15px 20px; }
  .faculty-grid img { width: 51px; height: 51px; }
  .faculties { padding-block: 30px; }
  .site-footer { padding-top: 40px; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 35px 30px; padding-bottom: 35px; }
  .footer-brand { grid-column: 1/-1; }
  .footer-brand img { width: 210px; height: 92px; }
  .footer-bottom { flex-direction: column; align-items: start; padding: 22px 65px 22px 0; gap: 14px; }
  .footer-contact, .footer-links { font-size: 13px; }
  .whatsapp { right: 16px; bottom: max(17px,env(safe-area-inset-bottom)); width: 54px; height: 54px; }
  .page-intro { padding-block: 24px 35px; }
  .breadcrumbs { margin-bottom: 22px; }
  .page-intro .eyebrow { font-size: 11px; }
  .page-layout { display: flex; flex-direction: column; padding-block: 35px 60px; gap: 40px; }
  .page-sidebar { width: 100%; order: 2; }
  .page-content { width: 100%; min-width: 0; }
  .prose { font-size: 16px; }
  .prose h2 { font-size: 23px; }
  .unit-grid { grid-template-columns: 1fr; }
  .member-grid { gap: 30px 18px; }
  .member-card h2 { font-size: 16px; }
  .member-card p { font-size: 12px; }
  .member-card .member-role { min-height: 0; }
  .person-modal { padding: 24px; }
  .person-modal h2 { font-size: 27px; }
  .biography-photo { width: 170px; }
  .link-cards { gap: 17px; }
  .link-card h2 { font-size: 16px; padding: 16px; }
  .contact-grid { grid-template-columns: 1fr; gap: 35px; padding-block: 35px 60px; }
  .contact-form { padding: 24px; }
  .contact-item p, .contact-item address { font-size: 17px; }
  .article-layout { padding-block: 30px 60px; }
  .news-archive { padding-block: 35px 60px; }
}
@media (max-width: 374px) {
  :root { --gutter: 18px; }
  .brand img { width: 137px; height: 67px; }
  .header-inner { gap: 8px; }
  .header-donate { padding-inline: 10px; font-size: 11px; }
  .menu-toggle { width: 37px; }
  .hero-layout { min-height: 850px; }
  .hero h1 { font-size: 60px; }
  .hero-copy--news h2 { font-size: 34px; }
  .hero-caption { width: 132px; font-size: 10px; }
  .hero-controls { gap: 7px; }
  .hero-progress { width: 26px; }
  .quick-card, .quick-card:first-child, .quick-card:last-child { padding-left: 62px; }
  .quick-card h2 { font-size: 25px; }
  .faculty-grid { gap: 14px; }
  .faculty-grid img { width: 42px; height: 42px; }
  .footer-grid { grid-template-columns: 1fr; gap: 30px; }
  .member-grid { grid-template-columns: 1fr; }
  .member-image { max-width: 255px; }
  .member-card .member-role { min-height: 0; }
  .link-cards, .form-grid, .gallery { grid-template-columns: 1fr; }
  .contact-form { padding: 20px; }
  .biography-photo { float: none; width: 180px; margin: 0 0 25px !important; }
}
@media (max-width: 760px) {
  .person-modal .prose img.biography-photo {
    float: none;
    width: 130px !important;
    max-height: 195px;
    margin: 0 0 18px 0 !important;
  }
}
.person-modal .prose p {
  text-align: justify;
  hyphens: auto;
}