suny-stonybrook-zap-report-2025-08-06

Generated with ZAP on Wed 6 Aug 2025, at 12:10:54

ZAP Version: 2.14.0

ZAP is supported by the Crash Override Open Source Fellowship

Contents

About this report

Report parameters

Contexts

No contexts were selected, so all contexts were included by default.

Sites

The following sites were included:

  • https://web-test.stonybrook.edu

(If no sites were selected, all sites were included by default.)

An included site must also be within one of the included contexts for its data to be included in the report.

Risk levels

Included: High, Medium, Low, Informational

Excluded: None

Confidence levels

Included: User Confirmed, High, Medium, Low

Excluded: User Confirmed, High, Medium, Low, False Positive

Summaries

Alert counts by risk and confidence

This table shows the number of alerts for each level of risk and confidence included in the report.

(The percentages in brackets represent the count as a percentage of the total number of alerts included in the report, rounded to one decimal place.)
Confidence
User Confirmed High Medium Low Total
Risk High 0
(0.0%)		 0
(0.0%)		 0
(0.0%)		 0
(0.0%)		 0
(0.0%)
Medium 0
(0.0%)		 1
(10.0%)		 0
(0.0%)		 1
(10.0%)		 2
(20.0%)
Low 0
(0.0%)		 1
(10.0%)		 3
(30.0%)		 0
(0.0%)		 4
(40.0%)
Informational 0
(0.0%)		 0
(0.0%)		 2
(20.0%)		 2
(20.0%)		 4
(40.0%)
Total 0
(0.0%)		 2
(20.0%)		 5
(50.0%)		 3
(30.0%)		 10
(100%)

Alert counts by site and risk

This table shows, for each site for which one or more alerts were raised, the number of alerts raised at each risk level.

Alerts with a confidence level of "False Positive" have been excluded from these counts.

(The numbers in brackets are the number of alerts raised for the site at or above that risk level.)
Risk
High
(= High) 		Medium
(>= Medium) 		Low
(>= Low) 		Informational
(>= Informational)
Site https://web-test.stonybrook.edu 0
(0)		 2
(2)		 4
(6)		 4
(10)

Alert counts by alert type

This table shows the number of alerts of each alert type, together with the alert type's risk level.

(The percentages in brackets represent each count as a percentage, rounded to one decimal place, of the total number of alerts included in this report.)
Alert type Risk Count
Absence of Anti-CSRF Tokens Medium 3
(30.0%)
Content Security Policy (CSP) Header Not Set Medium 14
(140.0%)
Cross-Domain JavaScript Source File Inclusion Low 1
(10.0%)
Server Leaks Information via "X-Powered-By" HTTP Response Header Field(s) Low 2
(20.0%)
Strict-Transport-Security Header Not Set Low 46
(460.0%)
X-Content-Type-Options Header Missing Low 34
(340.0%)
Information Disclosure - Suspicious Comments Informational 12
(120.0%)
Modern Web Application Informational 1
(10.0%)
Re-examine Cache-control Directives Informational 2
(20.0%)
User Agent Fuzzer Informational 12
(120.0%)
Total 10

Alerts

  1. Risk=Medium, Confidence=High (1)

    1. https://web-test.stonybrook.edu (1)

      1. Content Security Policy (CSP) Header Not Set (1)
        1. GET https://web-test.stonybrook.edu/sitemap.xml
          Alert tags
          Alert description

          Content Security Policy (CSP) is an added layer of security that helps to detect and mitigate certain types of attacks, including Cross Site Scripting (XSS) and data injection attacks. These attacks are used for everything from data theft to site defacement or distribution of malware. CSP provides a set of standard HTTP headers that allow website owners to declare approved sources of content that browsers should be allowed to load on that page — covered types are JavaScript, CSS, HTML frames, fonts, images and embeddable objects such as Java applets, ActiveX, audio and video files.
          Request
          Request line and header section (273 bytes) 
          GET https://web-test.stonybrook.edu/sitemap.xml HTTP/1.1
host: web-test.stonybrook.edu
user-agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36 OPR/102.0.0.0
pragma: no-cache
cache-control: no-cache
          Request body (0 bytes)
          Response
          Status line and header section (145 bytes) 
          HTTP/1.1 404 Not Found
Date: Wed, 06 Aug 2025 16:03:07 GMT
Server: Apache
Content-Length: 196
Content-Type: text/html; charset=iso-8859-1
          Response body (196 bytes) 
          <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
<html><head>
<title>404 Not Found</title>
</head><body>
<h1>Not Found</h1>
<p>The requested URL was not found on this server.</p>
</body></html>
          Solution

          Ensure that your web server, application server, load balancer, etc. is configured to set the Content-Security-Policy header.

  2. Risk=Medium, Confidence=Low (1)

    1. https://web-test.stonybrook.edu (1)

      1. Absence of Anti-CSRF Tokens (1)
        1. GET https://web-test.stonybrook.edu/_showcase/index.php
          Alert tags
          Alert description

          No Anti-CSRF tokens were found in a HTML submission form.

          A cross-site request forgery is an attack that involves forcing a victim to send an HTTP request to a target destination without their knowledge or intent in order to perform an action as the victim. The underlying cause is application functionality using predictable URL/form actions in a repeatable way. The nature of the attack is that CSRF exploits the trust that a web site has for a user. By contrast, cross-site scripting (XSS) exploits the trust that a user has for a web site. Like XSS, CSRF attacks are not necessarily cross-site, but they can be. Cross-site request forgery is also known as CSRF, XSRF, one-click attack, session riding, confused deputy, and sea surf.

          CSRF attacks are effective in a number of situations, including:

          * The victim has an active session on the target site.

          * The victim is authenticated via HTTP auth on the target site.

          * The victim is on the same local network as the target site.

          CSRF has primarily been used to perform an action against a target site using the victim's privileges, but recent techniques have been discovered to disclose information by gaining access to the response. The risk of information disclosure is dramatically increased when the target site is vulnerable to XSS, because XSS can be used as a platform for CSRF, allowing the attack to operate within the bounds of the same-origin policy.
          Other info

          No known Anti-CSRF token [anticsrf, CSRFToken, __RequestVerificationToken, csrfmiddlewaretoken, authenticity_token, OWASP_CSRFTOKEN, anoncsrf, csrf_token, _csrf, _csrfSecret, __csrf_magic, CSRF, _token, _csrf_token] was found in the following HTML form: [Form 1: "sb-search-input" ].
          Request
          Request line and header section (281 bytes) 
          GET https://web-test.stonybrook.edu/_showcase/index.php HTTP/1.1
host: web-test.stonybrook.edu
user-agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36 OPR/102.0.0.0
pragma: no-cache
cache-control: no-cache
          Request body (0 bytes)
          Response
          Status line and header section (220 bytes) 
          HTTP/1.1 200 OK
Date: Wed, 06 Aug 2025 16:03:07 GMT
Server: Apache
X-Powered-By: PHP/7.2.24
X-Frame-Options: DENY
SERVER-ID: {NODE-NAME}.{NODE-ENV}
Content-Type: text/html; charset=UTF-8
content-length: 130771
          Response body (130771 bytes) 
          <!DOCTYPE HTML><html lang="en">
   <head>
      <meta charset="UTF-8">
      <meta http-equiv="x-ua-compatible" content="ie=edge">
      <title>Home</title>
      <link rel="canonical" href="https://web-test.stonybrook.edu/_showcase/index.php">
      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
      <ouc:editor wysiwyg="no"/>
<!-- this is the headcode include -->
<link rel="apple-touch-icon" href="https://www.stonybrook.edu/commcms/_resources/favicon/apple-touch-icon.png"/>
<link rel="apple-touch-icon" sizes="144x144" href="https://www.stonybrook.edu/commcms/_resources/favicon/apple-touch-icon-144x144-precomposed.png"/>
<link rel="icon" href="https://www.stonybrook.edu/commcms/_resources/favicon/apple-touch-icon.png"/>
<!-- Preload Fonts for Faster Rendering -->
<link rel="preload" href="https://fonts.googleapis.com/css2?family=Alumni+Sans:wght@400;500;600;700;800&family=Barlow:wght@400;500;600;700&family=Barlow+Semi+Condensed:wght@400;500;600;700&family=Bitter:wght@400;600;700&display=swap" as="style" />

<!-- Load Fonts Early -->
<link href="https://fonts.googleapis.com/css2?family=Alumni+Sans:wght@400;500;600;700;800&family=Barlow:wght@400;500;600;700&family=Barlow+Semi+Condensed:wght@400;500;600;700&family=Bitter:wght@400;600;700&display=swap" rel="stylesheet"/>

<!-- Load Main Styles -->
<link rel="stylesheet" href="/_resources/css/sb-main.css"/><ouc:editor wysiwyg="no"/>
<!-- Insert google analytics here -->
</head>
   <body><ouc:editor wysiwyg="no"/><!-- <?pcf-stylesheet path="/_resources/xsl/_widgets/header.xsl" title="Mobile" alternate="no" publish="yes" extension=".mobile.html"?> --><header class="container-fluid no-gutter"><a href="#main-content" class="skip-link">Skip to main content</a><nav class="desktop-nav" role="navigation" aria-label="Main Navigation">
      <div class="top-nav-wrapper">
         <div class="nav-wrapper container-xl">
            <div class="top-nav d-flex justify-content-between align-items-center">
               <div class="top-nav-left">
                  <ul>
                     <li><a href="/apply" target="_blank" rel="noopener">Apply</a></li>
                     <li><a href="/visit">Visit</a></li>
                     <li><a href="/give">Giving</a></li>
                     <li><a href="/medicine" title="Medicine">Medicine</a></li>
                  </ul>
               </div>
               <ul class="top-nav-right">
                  <li class="dropdown"><a href="#" aria-haspopup="true" aria-expanded="false">Resources For  ▾</a><ul class="dropdown-menu">
                        <li><a href="#">Maps and Directions</a></li>
                        <li><a href="##">Virtual Tour</a></li>
                        <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                        <li><a title="Stony Brook Southampton" href="##">Stony Brook Southampton</a></li>
                        <li><a href="###">The New York Climate Exchange</a></li>
                     </ul>
                  </li>
                  <li class="dropdown"><a href="#" aria-haspopup="true" aria-expanded="false">Logins  ▾</a><ul class="dropdown-menu">
                        <li><a href="#" target="_blank" rel="noopener">Student Portal</a></li>
                        <li><a href="###">Faculty Portal</a></li>
                        <li><a href="##">Employee Services</a></li>
                        <li><a title="Library Account" href="#">Library Account</a></li>
                        <li><a href="##">Alumni Login</a></li>
                     </ul>
                  </li>
                  <li class="search-box"><button class="search-toggle" aria-label="Open Search"><svg width="24" height="24" viewBox="0 0 24 24" fill="none">
                           <path d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z" stroke="white" stroke-width="2"></path>
                           <path d="M21 20.9999L16.65 16.6499" stroke="white" stroke-width="2"></path></svg></button></li>
               </ul>
            </div>
         </div>
      </div>
      <div class="primary-nav-wrapper">
         <div class="nav-wrapper container-xl">
            <div class="primary-nav d-flex justify-content-between align-items-center">
               <div class="logo"><a href="/"><img src="/_resources/images/sb-logo-desktop.svg" alt="logo"></a></div>
               <ul class="primary-links">
                  <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-about" href="#about">About</a><div class="mega-menu" id="mega-about" role="region" aria-label="About Menu">
                        <div class="nav-wrapper container-xl">
                           <div class="row">
                              <div class="col-lg-4">
                                 <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternate"><a class="image-caption" href="#about">About</a></div>
                              </div>
                              <div class="col-lg-8">
                                 <div class="mega-link-row custom-mega-gutter">
                                    <div class="left-columns">
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">History</a></li>
                                             <li><a href="##">Administration</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Maps &amp; Directions</a></li>
                                             <li><a href="##">Virtual Tour</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                             <li><a href="##">The New York Climate Exchange</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li class="mega-subheading">News &amp; Publications</li>
                                             <li><a href="##">News</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                             <li><a href="##">Economic Impact</a></li>
                                          </ul>
                                       </div>
                                    </div>
                                    <div class="related-links-col">
                                       <ul class="related-links">
                                          <li class="mega-subheading">Related Links</li>
                                          <li><a href="##">Calendars</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                          <li><a href="##">Diversity</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </li>
                  <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-admissions" href="#admissions">Admissions</a><div class="mega-menu" id="mega-admissions" role="region" aria-label="About Menu">
                        <div class="nav-wrapper container-xl">
                           <div class="row">
                              <div class="col-lg-4">
                                 <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternate text"><a class="image-caption" href="#admissions">Admissions</a></div>
                              </div>
                              <div class="col-lg-8">
                                 <div class="mega-link-row custom-mega-gutter">
                                    <div class="left-columns">
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">History</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                             <li><a href="##">Administration</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Maps &amp; Directions</a></li>
                                             <li><a href="##">Virtual Tour</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                             <li><a href="##">The New York Climate Exchange</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li class="mega-subheading">News &amp; Publications</li>
                                             <li><a href="##">News</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                             <li><a href="##">Economic Impact</a></li>
                                          </ul>
                                       </div>
                                    </div>
                                    <div class="related-links-col">
                                       <ul class="related-links">
                                          <li class="mega-subheading">Related Links</li>
                                          <li><a href="##">Calendars</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                          <li><a href="##">Diversity</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </li>
                  <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-academics" href="#academics">Academics</a><div class="mega-menu" id="mega-academics" role="region" aria-label="About Menu">
                        <div class="nav-wrapper container-xl">
                           <div class="row">
                              <div class="col-lg-4">
                                 <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternative text"><a class="image-caption" href="#academics">Academics</a></div>
                              </div>
                              <div class="col-lg-8">
                                 <div class="mega-link-row custom-mega-gutter">
                                    <div class="left-columns">
                                       <div class="col">
                                          <ul>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                             <li><a href="##">History</a></li>
                                             <li><a href="##">Administration</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Maps &amp; Directions</a></li>
                                             <li><a href="##">Virtual Tour</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                             <li><a href="##">The New York Climate Exchange</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li class="mega-subheading">News &amp; Publications</li>
                                             <li><a href="##">News</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                             <li><a href="##">Economic Impact</a></li>
                                          </ul>
                                       </div>
                                    </div>
                                    <div class="related-links-col">
                                       <ul class="related-links">
                                          <li class="mega-subheading">Related Links</li>
                                          <li><a href="##">Calendars</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                          <li><a href="##">Diversity</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </li>
                  <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-campus-life" href="#campuslife">Campus Life</a><div class="mega-menu" id="mega-campus-life" role="region" aria-label="About Menu">
                        <div class="nav-wrapper container-xl">
                           <div class="row">
                              <div class="col-lg-4">
                                 <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is alternate text"><a class="image-caption" href="#campuslife">Campus Life</a></div>
                              </div>
                              <div class="col-lg-8">
                                 <div class="mega-link-row custom-mega-gutter">
                                    <div class="left-columns">
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">History</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                             <li><a href="##">Administration</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Maps &amp; Directions</a></li>
                                             <li><a href="##">Virtual Tour</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                             <li><a href="##">The New York Climate Exchange</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li class="mega-subheading">News &amp; Publications</li>
                                             <li><a href="##">News</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                             <li><a href="##">Economic Impact</a></li>
                                          </ul>
                                       </div>
                                    </div>
                                    <div class="related-links-col">
                                       <ul class="related-links">
                                          <li class="mega-subheading">Related Links</li>
                                          <li><a href="##">Calendars</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                          <li><a href="##">Diversity</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </li>
                  <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-research" href="#research">Research</a><div class="mega-menu" id="mega-research" role="region" aria-label="About Menu">
                        <div class="nav-wrapper container-xl">
                           <div class="row">
                              <div class="col-lg-4">
                                 <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alt"><a class="image-caption" href="#research">Research</a></div>
                              </div>
                              <div class="col-lg-8">
                                 <div class="mega-link-row custom-mega-gutter">
                                    <div class="left-columns">
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Administration</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                             <li><a href="##">History</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Maps &amp; Directions</a></li>
                                             <li><a href="##">Virtual Tour</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                             <li><a href="##">The New York Climate Exchange</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li class="mega-subheading">News &amp; Publications</li>
                                             <li><a href="##">News</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                             <li><a href="##">Economic Impact</a></li>
                                          </ul>
                                       </div>
                                    </div>
                                    <div class="related-links-col">
                                       <ul class="related-links">
                                          <li class="mega-subheading">Related Links</li>
                                          <li><a href="##">Calendars</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                          <li><a href="##">Diversity</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </li>
                  <li><a href="#athletics">Athletics</a></li>
               </ul>
            </div>
         </div>
      </div>
      <div class="search-panel desktop-search-panel">
         <div class="search-panel-inner"><button class="sb-search-panel-close" aria-label="Close search panel">×</button><div class="sb-search-panel p-4">
               <form class="sb-search-form" action="//stonybrook.edu/search" method="get" role="search" aria-label="Site search">
                  <div class="row g-2 align-items-end">
                     <div class="col-12 col-md"><label for="sb-search-input" class="visually-hidden">Search Stony Brook University</label><div class="sb-search-input-wrapper"><span class="sb-search-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                 <path d="M7.33333 12.6667C10.2789 12.6667 12.6667 10.2789 12.6667 7.33333C12.6667 4.38781 10.2789 2 7.33333 2C4.38781 2 2 4.38781 2 7.33333C2 10.2789 4.38781 12.6667 7.33333 12.6667Z" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                 <path d="M14 14L11.1 11.1" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><input type="text" id="sb-search-input" name="q" placeholder="Search Stony Brook University" value="" size="30" tabindex="41" class="populate form-control"></div>
                     </div>
                     <div class="col-12 col-md-auto"><button type="submit" class="btn btn-dark w-100 text-uppercase sb-search-button">Search</button></div>
                  </div>
               </form>
            </div>
         </div>
      </div>
   </nav>
   <div class="mobile-header">
      <div class="header-bar">
         <div class="header-left"><a href="#" class="logo"><img src="/_resources/images/sb-logo-mobile.svg" alt="mobile logo"></a></div>
         <div class="header-right">
            <ul class="header-actions">
               <li class="search-box"><button class="search-toggle-mobile" aria-label="Open Search"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                        <path d="M7.33333 12.6667C10.2789 12.6667 12.6667 10.2789 12.6667 7.33333C12.6667 4.38781 10.2789 2 7.33333 2C4.38781 2 2 4.38781 2 7.33333C2 10.2789 4.38781 12.6667 7.33333 12.6667Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        <path d="M14 14L11.1 11.1" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></button></li>
               <li class="menu-trigger"><button class="menu-toggle" aria-label="Open Menu" aria-expanded="false"><span class="bar"></span><span class="bar"></span><span class="bar"></span></button></li>
            </ul>
         </div>
      </div>
   </div>
   <div class="search-panel mobile-search-panel">
      <div class="search-panel-inner"><button class="sb-search-panel-close" aria-label="Close search panel">×</button><div class="sb-search-panel p-4">
            <form class="sb-search-form" action="//stonybrook.edu/search" method="get" role="search" aria-label="Site search">
               <div class="row g-2 align-items-end">
                  <div class="col-12 col-md"><label for="sb-search-input-mobile" class="visually-hidden">Search Stony Brook University</label><div class="sb-search-input-wrapper"><span class="sb-search-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                              <path d="M7.33333 12.6667C10.2789 12.6667 12.6667 10.2789 12.6667 7.33333C12.6667 4.38781 10.2789 2 7.33333 2C4.38781 2 2 4.38781 2 7.33333C2 10.2789 4.38781 12.6667 7.33333 12.6667Z" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                              <path d="M14 14L11.1 11.1" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><input type="text" id="sb-search-input-mobile" title="Search stonybrook.edu" value="" size="30" tabindex="41" name="q" placeholder="Search Stony Brook University" class="populate form-control"></div>
                  </div>
                  <div class="col-12 col-md-auto"><button type="submit" class="btn btn-dark w-100 text-uppercase sb-search-button">Search</button></div>
               </div>
            </form>
         </div>
      </div>
   </div>
   <nav class="responsive-nav" role="navigation" aria-label="Mobile Navigation">
      <div class="menu-panel">
         <div class="overlay"></div>
         <div class="menu-content">
            <ul class="primary-menu">
               <li class="has-submenu">
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#about">About</a><button class="accordion-toggle" aria-expanded="false" aria-controls="submenu-about" aria-label="Expand About submenu"><span class="arrow"></span></button></div>
                  <ul id="submenu-about" class="accordion-panel" aria-hidden="true">
                     <li><a href="##">History</a></li>
                     <li><a href="##">Administration</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                     <li><a href="##">Maps &amp; Directions</a></li>
                     <li><a href="##">Virtual Tour</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                     <li><a href="##">The New York Climate Exchange</a></li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">News &amp; Publications</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-news-1" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-news-1" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">News</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                           <li><a href="##">Economic Impact</a></li>
                        </ul>
                     </li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">Related Links</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-related-links-1" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-related-links-1" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">Calendars</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                           <li><a href="##">Diversity</a></li>
                           <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                        </ul>
                     </li>
                  </ul>
               </li>
               <li class="has-submenu">
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#admissions">Admissions</a><button class="accordion-toggle" aria-expanded="false" aria-controls="submenu-admissions" aria-label="Expand About submenu"><span class="arrow"></span></button></div>
                  <ul id="submenu-admissions" class="accordion-panel" aria-hidden="true">
                     <li><a href="##">History</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                     <li><a href="##">Administration</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                     <li><a href="##">Maps &amp; Directions</a></li>
                     <li><a href="##">Virtual Tour</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                     <li><a href="##">The New York Climate Exchange</a></li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">News &amp; Publications</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-news-2" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-news-2" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">News</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                           <li><a href="##">Economic Impact</a></li>
                        </ul>
                     </li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">Related Links</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-related-links-2" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-related-links-2" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">Calendars</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                           <li><a href="##">Diversity</a></li>
                           <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                        </ul>
                     </li>
                  </ul>
               </li>
               <li class="has-submenu">
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#academics">Academics</a><button class="accordion-toggle" aria-expanded="false" aria-controls="submenu-academics" aria-label="Expand About submenu"><span class="arrow"></span></button></div>
                  <ul id="submenu-academics" class="accordion-panel" aria-hidden="true">
                     <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                     <li><a href="##">History</a></li>
                     <li><a href="##">Administration</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                     <li><a href="##">Maps &amp; Directions</a></li>
                     <li><a href="##">Virtual Tour</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                     <li><a href="##">The New York Climate Exchange</a></li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">News &amp; Publications</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-news-3" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-news-3" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">News</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                           <li><a href="##">Economic Impact</a></li>
                        </ul>
                     </li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">Related Links</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-related-links-3" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-related-links-3" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">Calendars</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                           <li><a href="##">Diversity</a></li>
                           <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                        </ul>
                     </li>
                  </ul>
               </li>
               <li class="has-submenu">
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#campuslife">Campus Life</a><button class="accordion-toggle" aria-expanded="false" aria-controls="submenu-campus-life" aria-label="Expand About submenu"><span class="arrow"></span></button></div>
                  <ul id="submenu-campus-life" class="accordion-panel" aria-hidden="true">
                     <li><a href="##">History</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                     <li><a href="##">Administration</a></li>
                     <li><a href="##">Maps &amp; Directions</a></li>
                     <li><a href="##">Virtual Tour</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                     <li><a href="##">The New York Climate Exchange</a></li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">News &amp; Publications</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-news-4" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-news-4" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">News</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                           <li><a href="##">Economic Impact</a></li>
                        </ul>
                     </li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">Related Links</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-related-links-4" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-related-links-4" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">Calendars</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                           <li><a href="##">Diversity</a></li>
                           <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                        </ul>
                     </li>
                  </ul>
               </li>
               <li class="has-submenu">
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#research">Research</a><button class="accordion-toggle" aria-expanded="false" aria-controls="submenu-research" aria-label="Expand About submenu"><span class="arrow"></span></button></div>
                  <ul id="submenu-research" class="accordion-panel" aria-hidden="true">
                     <li><a href="##">Administration</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                     <li><a href="##">History</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                     <li><a href="##">Maps &amp; Directions</a></li>
                     <li><a href="##">Virtual Tour</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                     <li><a href="##">The New York Climate Exchange</a></li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">News &amp; Publications</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-news-5" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-news-5" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">News</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                           <li><a href="##">Economic Impact</a></li>
                        </ul>
                     </li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">Related Links</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-related-links-5" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-related-links-5" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">Calendars</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                           <li><a href="##">Diversity</a></li>
                           <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                        </ul>
                     </li>
                  </ul>
               </li>
               <li>
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#athletics">Athletics</a></div>
               </li>
               <li>
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="/medicine" title="Medicine">Medicine</a></div>
               </li>
            </ul>
            <div class="mobile-nav-footer-links">
               <div class="info-logins-grid">
                  <div class="info-column">
                     <h3 class="footer-heading">Info for —</h3>
                     <ul class="footer-link-list">
                        <li><a href="#">Maps and Directions</a></li>
                        <li><a href="##">Virtual Tour</a></li>
                        <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                        <li><a title="Stony Brook Southampton" href="##">Stony Brook Southampton</a></li>
                        <li><a href="###">The New York Climate Exchange</a></li>
                     </ul>
                  </div>
                  <div class="logins-column">
                     <h3 class="footer-heading with-icon"><span class="login-icon" aria-hidden="true"><img src="/_resources/images/logins-icon.svg" alt="" width="16" height="17"></span>
                        				Logins —
                        			</h3>
                     <ul class="footer-link-list">
                        <li><a href="#" target="_blank" rel="noopener">Student Portal</a></li>
                        <li><a href="###">Faculty Portal</a></li>
                        <li><a href="##">Employee Services</a></li>
                        <li><a title="Library Account" href="#">Library Account</a></li>
                        <li><a href="##">Alumni Login</a></li>
                     </ul>
                  </div>
               </div>
            </div>
         </div>
         <div class="bottom-links">
            <ul class="bottom-links-list">
               <li><a href="/apply" target="_blank" rel="noopener">Apply</a></li>
               <li><a href="/visit">Visit</a></li>
               <li><a href="/give">Giving</a></li>
            </ul>
         </div>
      </div>
   </nav>
   <nav class="sticky-nav" aria-label="Sticky Navigation" role="navigation">
      <div class="sticky-search-panel">
         <div class="search-panel-inner"><button class="sb-search-panel-close" aria-label="Close search panel">×</button><div class="sb-search-panel p-4">
               <form class="sb-search-form" action="//stonybrook.edu/search" method="get" role="search" aria-label="Site search">
                  <div class="row g-2 align-items-end">
                     <div class="col-12 col-md"><label for="sb-search-input-sticky" class="visually-hidden">Search Stony Brook University</label><div class="sb-search-input-wrapper"><span class="sb-search-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                 <path d="M7.33333 12.6667C10.2789 12.6667 12.6667 10.2789 12.6667 7.33333C12.6667 4.38781 10.2789 2 7.33333 2C4.38781 2 2 4.38781 2 7.33333C2 10.2789 4.38781 12.6667 7.33333 12.6667Z" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                 <path d="M14 14L11.1 11.1" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><input type="text" id="sb-search-input-sticky" name="q" title="Search stonybrook.edu" value="" size="30" tabindex="41" placeholder="Search Stony Brook University" class="populate form-control"></div>
                     </div>
                     <div class="col-12 col-md-auto"><button type="submit" class="btn btn-dark w-100 text-uppercase sb-search-button">Search</button></div>
                  </div>
               </form>
            </div>
         </div>
      </div>
      <div class="sticky-nav-background"></div>
      <div class="sticky-nav-content d-flex justify-content-between align-items-center">
         <div class="sticky-nav-left">
            <div class="logo"><a href="/"><img src="/_resources/images/sb-logo-sticky.svg" alt="sticky logo"></a></div>
         </div>
         <div class="sticky-nav-right">
            <ul class="sticky-links list-unstyled d-flex mb-0">
               <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-about-sticky" href="#about">About</a><div class="mega-menu" id="mega-about-sticky" role="region" aria-label="About Menu">
                     <div class="nav-wrapper container-xl">
                        <div class="row">
                           <div class="col-lg-4">
                              <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternate"><a class="image-caption" href="#about">About</a></div>
                           </div>
                           <div class="col-lg-8">
                              <div class="mega-link-row custom-mega-gutter">
                                 <div class="left-columns">
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">History</a></li>
                                          <li><a href="##">Administration</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Maps &amp; Directions</a></li>
                                          <li><a href="##">Virtual Tour</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                          <li><a href="##">The New York Climate Exchange</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li class="mega-subheading">News &amp; Publications</li>
                                          <li><a href="##">News</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                          <li><a href="##">Economic Impact</a></li>
                                       </ul>
                                    </div>
                                 </div>
                                 <div class="related-links-col">
                                    <ul class="related-links">
                                       <li class="mega-subheading">Related Links</li>
                                       <li><a href="##">Calendars</a></li>
                                       <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                       <li><a href="##">Diversity</a></li>
                                       <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </li>
               <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-admissions-sticky" href="#admissions">Admissions</a><div class="mega-menu" id="mega-admissions-sticky" role="region" aria-label="About Menu">
                     <div class="nav-wrapper container-xl">
                        <div class="row">
                           <div class="col-lg-4">
                              <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternate text"><a class="image-caption" href="#admissions">Admissions</a></div>
                           </div>
                           <div class="col-lg-8">
                              <div class="mega-link-row custom-mega-gutter">
                                 <div class="left-columns">
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">History</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                          <li><a href="##">Administration</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Maps &amp; Directions</a></li>
                                          <li><a href="##">Virtual Tour</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                          <li><a href="##">The New York Climate Exchange</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li class="mega-subheading">News &amp; Publications</li>
                                          <li><a href="##">News</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                          <li><a href="##">Economic Impact</a></li>
                                       </ul>
                                    </div>
                                 </div>
                                 <div class="related-links-col">
                                    <ul class="related-links">
                                       <li class="mega-subheading">Related Links</li>
                                       <li><a href="##">Calendars</a></li>
                                       <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                       <li><a href="##">Diversity</a></li>
                                       <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </li>
               <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-academics-sticky" href="#academics">Academics</a><div class="mega-menu" id="mega-academics-sticky" role="region" aria-label="About Menu">
                     <div class="nav-wrapper container-xl">
                        <div class="row">
                           <div class="col-lg-4">
                              <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternative text"><a class="image-caption" href="#academics">Academics</a></div>
                           </div>
                           <div class="col-lg-8">
                              <div class="mega-link-row custom-mega-gutter">
                                 <div class="left-columns">
                                    <div class="col">
                                       <ul>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                          <li><a href="##">History</a></li>
                                          <li><a href="##">Administration</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Maps &amp; Directions</a></li>
                                          <li><a href="##">Virtual Tour</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                          <li><a href="##">The New York Climate Exchange</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li class="mega-subheading">News &amp; Publications</li>
                                          <li><a href="##">News</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                          <li><a href="##">Economic Impact</a></li>
                                       </ul>
                                    </div>
                                 </div>
                                 <div class="related-links-col">
                                    <ul class="related-links">
                                       <li class="mega-subheading">Related Links</li>
                                       <li><a href="##">Calendars</a></li>
                                       <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                       <li><a href="##">Diversity</a></li>
                                       <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </li>
               <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-campus-life-sticky" href="#campuslife">Campus Life</a><div class="mega-menu" id="mega-campus-life-sticky" role="region" aria-label="About Menu">
                     <div class="nav-wrapper container-xl">
                        <div class="row">
                           <div class="col-lg-4">
                              <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is alternate text"><a class="image-caption" href="#campuslife">Campus Life</a></div>
                           </div>
                           <div class="col-lg-8">
                              <div class="mega-link-row custom-mega-gutter">
                                 <div class="left-columns">
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">History</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                          <li><a href="##">Administration</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Maps &amp; Directions</a></li>
                                          <li><a href="##">Virtual Tour</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                          <li><a href="##">The New York Climate Exchange</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li class="mega-subheading">News &amp; Publications</li>
                                          <li><a href="##">News</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                          <li><a href="##">Economic Impact</a></li>
                                       </ul>
                                    </div>
                                 </div>
                                 <div class="related-links-col">
                                    <ul class="related-links">
                                       <li class="mega-subheading">Related Links</li>
                                       <li><a href="##">Calendars</a></li>
                                       <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                       <li><a href="##">Diversity</a></li>
                                       <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </li>
               <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-research-sticky" href="#research">Research</a><div class="mega-menu" id="mega-research-sticky" role="region" aria-label="About Menu">
                     <div class="nav-wrapper container-xl">
                        <div class="row">
                           <div class="col-lg-4">
                              <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alt"><a class="image-caption" href="#research">Research</a></div>
                           </div>
                           <div class="col-lg-8">
                              <div class="mega-link-row custom-mega-gutter">
                                 <div class="left-columns">
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Administration</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                          <li><a href="##">History</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Maps &amp; Directions</a></li>
                                          <li><a href="##">Virtual Tour</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                          <li><a href="##">The New York Climate Exchange</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li class="mega-subheading">News &amp; Publications</li>
                                          <li><a href="##">News</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                          <li><a href="##">Economic Impact</a></li>
                                       </ul>
                                    </div>
                                 </div>
                                 <div class="related-links-col">
                                    <ul class="related-links">
                                       <li class="mega-subheading">Related Links</li>
                                       <li><a href="##">Calendars</a></li>
                                       <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                       <li><a href="##">Diversity</a></li>
                                       <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </li>
               <li><a href="#athletics">Athletics</a></li>
               <li class="search-box"><button class="search-toggle" aria-label="Open Search"><svg width="24" height="24" viewBox="0 0 24 24" fill="none">
                        <path d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z" stroke="white" stroke-width="2"></path>
                        <path d="M21 20.9999L16.65 16.6499" stroke="white" stroke-width="2"></path></svg></button></li>
            </ul>
         </div>
      </div>
   </nav>
</header>      		
      <section class="homepage-hero d-none d-lg-block" aria-label="Homepage Hero Section">
         <div class="hero-background">
            <div class="video-container"><video id="hero-video" playsinline="playsinline" autoplay muted>
                  <source src="https://www.stonybrook.edu/far-beyond/video/GIVING-DAY-HOMEPAGE-2025.mp4" type="video/mp4">
                  						Your browser does not support the video tag.
                  					</video><div class="hero-wrapper">
                  <div class="content-banner">
                     <div class="banner-content-wrapper">
                        <div class="banner-content">
                           <h1 class="hero-title">Dare to reach your potential</h1>
                           <p class="hero-subtitle">A dynamic education awaits you at Stony Brook, an internationally recognized research
                              institution that's one of America's most affordable.</p><a class="change-life-btn" title="Change your life" href="##">Change your life</a></div>
                     </div>
                     <div class="banner-content">
                        <div class="keyline" aria-hidden="true"></div>
                        <nav class="bottom-links" aria-label="Quick Links"><a href="#/">Sit amet eu amd tempor</a><a href="###">Lorem ipsum dolor</a></nav>
                     </div><img class="prisms" src="/_resources/images/hero-prisms-v2-01.svg" alt="" aria-hidden="true"></div>
               </div>
               <div class="video-controls"><button class="btn" id="playPauseBtn" aria-label="Pause video"><span class="pause-icon"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16" fill="none">
                           <rect width="4" height="16" fill="white"/>
                           <rect x="10" width="4" height="16" fill="white"/></svg></span><span class="play-icon d-none"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16" fill="none">
                           <path d="M14 8L0 16V0L14 8Z" fill="white"/></svg></span></button></div>
            </div><svg xmlns="http://www.w3.org/2000/svg" class="bg-triangle" width="1200" height="300" viewBox="0 0 1200 300" fill="none" aria-hidden="true">
               <path d="M1200 0V300L200 128L1200 0Z" fill="#1791AD"/></svg><div class="skewed-overlay"></div>
         </div>
         <div class="hero-wrapper">
            <div class="action-buttons"><a class="btn btn-apply" aria-label="Apply Now" href="##">Apply Now</a><a class="btn btn-tour" aria-label="Schedule a Tour" href="#">Schedule a Tour</a><a class="btn btn-info" aria-label="Request Info" href="##">Request Info</a></div>
         </div>
      </section>
      <section class="homepage-hero-tablet d-none d-sm-block d-lg-none" aria-label="Homepage Hero Section">
         <div class="hero-background">
            <div class="hero-image"><img src="/_resources/images/hp-hero-tablet.png" alt="Mobile Hero Image of students on a tablet" aria-hidden="true"></div>
            <div class="hero-wrapper">
               <div class="content-banner">
                  <div class="banner-content-wrapper">
                     <div class="banner-content">
                        <h1 class="hero-title">Dare to reach your potential</h1>
                        <p class="hero-subtitle">A dynamic education awaits you at Stony Brook, an internationally recognized research
                           institution that's one of America's most affordable.</p><a class="change-life-btn" title="Change your life" href="##">Change your life</a></div>
                  </div>
                  <div class="banner-content">
                     <div class="keyline" aria-hidden="true"></div>
                     <nav class="bottom-links" aria-label="Quick Links"><a href="#/">Sit amet eu amd tempor</a><a href="###">Lorem ipsum dolor</a></nav>
                  </div><img class="prisms" src="/_resources/images/hero-prisms-v2-01.svg" alt="" aria-hidden="true"></div>
            </div>
         </div>
         <div class="action-buttons-tablet">
            <div class="row g-0">
               <div class="col-12">
                  <div class="action-buttons-wrapper"><a class="btn btn-apply" aria-label="Apply Now" href="##">Apply Now</a><a class="btn btn-tour" aria-label="Schedule a Tour" href="#">Schedule a Tour</a><a class="btn btn-info" aria-label="Request Info" href="##">Request Info</a></div>
               </div>
            </div>
         </div>
      </section>
      <section class="homepage-hero-mobile d-block d-sm-none" aria-label="Homepage Hero Section Mobile">
         <div class="mobile-action-buttons-container">
            <div class="action-buttons-wrapper"><a class="btn btn-apply" aria-label="Apply Now" href="##">Apply Now</a><a class="btn btn-tour" aria-label="Schedule a Tour" href="#">Schedule a Tour</a><a class="btn btn-info" aria-label="Request Info" href="##">Request Info</a></div>
         </div>
         <div class="mobile-content-area">
            <div class="content-banner">
               <div class="banner-content-wrapper">
                  <div class="banner-content">
                     <h1 class="hero-title">Dare to reach your potential</h1>
                     <p class="hero-subtitle">A dynamic education awaits you at Stony Brook, an internationally recognized research
                        institution that's one of America's most affordable.</p><a class="change-life-btn" title="Change your life" href="##">Change your life</a></div>
               </div>
            </div>
         </div>
      </section>
      <main id="main-content" class="fluid-container main-content" tabindex="-1" role="main" aria-label="Main Content Area">
         	
         <div class="divider divider-24 gradient-specialty-deep-blue-green" role="presentation"></div>
          
         
         
         <section class="news-section" aria-labelledby="news-title">
            <div class="news-header-bar text-white text-center">
               <div class="container-1280">
                  <h2 id="news-title" class="news-title">Daring to Take on the World</h2>
               </div>
            </div>
            <div class="container-1280">
               <h3 id="news-subtitle" class="news-subtitle">News From Stony Brook</h3>
            </div>
            <div class="section-content-wrapper">
               <div class="row gx-4">
                  <div class="col-lg-8 mb-4 mb-lg-0 news-stack border-lg-end">
                     <article class="news-item"><a href="" target="_blank" class="news-feature d-block" aria-labelledby="feature-caption">
                           <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-lg.png" alt="Students and faculty on a boat during Stony Brook University's 64th Commencement" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                 <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                       <defs>
                                          <clipPath id="clip-triangle">
                                             <polygon points="0,100 100,100 100,0"/>
                                          </clipPath>
                                       </defs>
                                       <g clip-path="url(#clip-triangle)">
                                          <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                          <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                          <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                          <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                       </g></svg></div>
                              </div>
                           </div>
                           <div class="news-feature-caption"><span id="feature-caption">Stony Brook University's 64th Commencement Features a Full House</span></div></a></article>
                  </div>
                  <div class="col-lg-4 d-flex flex-column">
                     <div class="news-right-desktop d-none d-lg-block" role="list">
                        <div class="row gx-3 gy-4">
                           <div class="col-lg-6 news-stack border-lg-end d-flex flex-column gap-4">
                              <article class="news-item" role="listitem">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="card1-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-1.png" alt="Student researcher in lab coat holding scientific equipment" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="card1-caption">SB Hospital's Dietetic Interns Battle it Out In</span></div></a></div>
                              </article>
                              <article class="news-item" role="listitem">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="card3-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-3.png" alt="SOCJ Graduate Students Present" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="card3-caption">SOCJ Graduate Students Present</span></div></a></div>
                              </article>
                           </div>
                           <div class="col-lg-6 news-stack d-flex flex-column gap-4">
                              <article class="news-item" role="listitem">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="card2-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-2.png" alt="SB Hospital's Dietetic Interns" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="card2-caption">SB Hospital's Dietetic Interns Battle it Out In</span></div></a></div>
                              </article>
                              <article class="news-item" role="listitem">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="card4-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-4.png" alt="SOCJ Graduate Students Present" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="card4-caption">SOCJ Graduate Students Present</span></div></a></div>
                              </article>
                           </div>
                        </div>
                     </div>
                     <div class="news-right-mobile d-lg-none" role="list">
                        <div class="row gx-3 gy-4">
                           <div class="col-12 col-sm-3" role="listitem">
                              <article class="news-item">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="mobile-card1-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-1.png" alt="Student researcher in lab coat holding scientific equipment" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="mobile-card1-caption">SB Hospital's Dietetic Interns Battle it Out In</span></div></a></div>
                              </article>
                           </div>
                           <div class="col-12 col-sm-3" role="listitem">
                              <article class="news-item">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="mobile-card2-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-2.png" alt="SB Hospital's Dietetic Interns" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="mobile-card2-caption">SB Hospital's Dietetic Interns Battle it Out In</span></div></a></div>
                              </article>
                           </div>
                           <div class="col-12 col-sm-3" role="listitem">
                              <article class="news-item">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="mobile-card3-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-3.png" alt="SOCJ Graduate Students Present" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="mobile-card3-caption">SOCJ Graduate Students Present</span></div></a></div>
                              </article>
                           </div>
                           <div class="col-12 col-sm-3" role="listitem">
                              <article class="news-item">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="mobile-card4-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-4.png" alt="SOCJ Graduate Students Present" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="mobile-card4-caption">SOCJ Graduate Students Present</span></div></a></div>
                              </article>
                           </div>
                        </div>
                     </div>
                     <div class="d-flex justify-content-center mt-4"><a href="#" target="_blank" class="btn btn-see-all" aria-label="View all news stories">See All Stories</a></div>
                  </div>
               </div>
            </div>
         </section> 
         
         
         	
         <div class="divider divider-24 gradient-specialty-deep-blue-green" role="presentation"></div>
          
         
         <section class="belong-section" aria-labelledby="belong-title">
            
            <div class="belong-header-bar">
               
               <h2 id="belong-title" class="belong-title">You Belong Here</h2>
               </div>
            
            <div class="belong-subtitle">
               
               <h3 id="belong-subtitle">See why the brightest minds choose Stony Brook</h3>
               </div>
            <!-- Mobile intro text (visible only xs) -->
            
            <div class="belong-mobile-intro d-sm-none">
               
               <p class="belong-intro-text" aria-label="Introduction">START YOUR SUCCESS STORY AT STONY BROOK, NEW YORK'S FLAGSHIP AND NO. 1 PUBLIC UNIVERSITY</p>
               </div>
            <!-- Desktop/Tablet Layout (576px and up) -->
            
            <div class="section-content-wrapper d-none d-sm-block">
               
               <div class="belong-grid" role="list"><!-- Existing grid items -->
                  
                  <div class="belong-grid-item intro" role="listitem">
                     
                     <p class="belong-intro-text" aria-label="Introduction">START YOUR<br>SUCCESS STORY AT<br>STONY BROOK,<br>NEW YORK'S FLAGSHIP<br>AND NO. 1 PUBLIC<br>UNIVERSITY</p>
                     </div>
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/girl-playing-flute.png" alt="Student playing flute in a practice room"></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat bright-red" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of alumni" data-target="250000">250,000+</span> <span class="stat-label">alumni worldwide</span></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat navy" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Public university in the nation" data-target="26">#26</span> <span class="stat-label">public university in the nation</span></div>
                     </div>
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/cheerleaders-celebrating.png" alt="Cheerleaders celebrating"></div>
                     </div>
                  <!-- Row 2: Items 6-10 -->
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/students-locking-bike.png" alt="Students locking bike"></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat turquoise" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of fields of study" data-target="300">Over 300</span> <span class="stat-label">fields of study</span></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat red" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of alumni" data-target="250000">250,000+</span> <span class="stat-label">alumni worldwide</span></div>
                     </div>
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/students-in-lab.png" alt="Students in laboratory"></div>
                     </div>
                  
                  <div class="belong-grid-item facts-button" role="listitem"><a class="btn btn-facts" href="https://web-test.stonybrook.edu/facts-and-rankings" aria-label="View all Stony Brook facts and rankings"> <span class="btn-text">VIEW ALL<br>FACTS &amp;<br>RANKINGS</span> </a></div>
                  </div>
               </div>
            <!-- Mobile Layout (below 576px) -->
            
            <div class="belong-mobile-grid d-block d-sm-none" role="list"><!-- Row 1: Flute player | Red stat -->
               
               <div class="belong-grid-row">
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/girl-playing-flute.png" alt="Student playing flute in a practice room"></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat bright-red" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of alumni" data-target="250000">250,000+</span> <span class="stat-label">alumni worldwide</span></div>
                     </div>
                  </div>
               <!-- Row 2: Navy stat | Cheerleaders -->
               
               <div class="belong-grid-row">
                  
                  <div class="belong-grid-item belong-stat navy" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Public university in the nation" data-target="26">#26</span> <span class="stat-label">public university in the nation</span></div>
                     </div>
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/cheerleaders-celebrating.png" alt="Cheerleaders celebrating"></div>
                     </div>
                  </div>
               <!-- Row 3: Bike | Turquoise stat -->
               
               <div class="belong-grid-row">
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/students-locking-bike.png" alt="Students locking bike"></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat turquoise" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of fields of study" data-target="300">Over 300</span> <span class="stat-label">fields of study</span></div>
                     </div>
                  </div>
               <!-- Row 4: Red stat | Lab students -->
               
               <div class="belong-grid-row">
                  
                  <div class="belong-grid-item belong-stat red" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of alumni" data-target="250000">250,000+</span> <span class="stat-label">alumni worldwide</span></div>
                     </div>
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/students-in-lab.png" alt="Students in laboratory"></div>
                     </div>
                  </div>
               <!-- Button row (centered) -->
               
               <div class="belong-grid-row button-row">
                  
                  <div class="belong-grid-item facts-button" role="listitem"><a class="btn btn-facts" href="https://web-test.stonybrook.edu/facts-and-rankings" aria-label="View all Stony Brook facts and rankings"> <span class="btn-text">VIEW ALL<br>FACTS &amp;<br>RANKINGS</span> </a></div>
                  </div>
               </div>
            </section>
         
         <section class="path-section" aria-labelledby="path-heading">
            <div class="section-content-wrapper">
               <div class="divider divider-8 gradient-specialty-deep-blue-green" aria-hidden="true"></div>
               <div class="row justify-content-center">
                  <div class="col-12 text-center">
                     <h2 id="path-heading" class="path-heading animate-on-scroll fade-up">Choose the Path to Your Future</h2>
                     <h3 data-delay="200" class="path-subheading animate-on-scroll fade-up">Push boundaries, challenge assumptions, and redefine what's possible</h3>
                  </div>
               </div>
               <div class="row path-cards mt-5">
                  <div class="col-sm-4 col-md-4 col-lg-3 path-card animate-on-scroll fade-right" data-delay="300"><a href="###" target="_blank" class="card" aria-label="Undergraduate">
                        <div class="card-img-container"><img src="/_resources/images/path-female-student-in-lab.png" class="card-img-top" alt="Female undergraduate student conducting research in a laboratory setting"></div>
                        <div class="card-title-wrapper">
                           <h4 class="card-title">Undergraduate</h4>
                        </div>
                        <div class="card-body">
                           <p class="card-text">Suspendisse quis laoreet tortor. Sed sodales enim eu nunc pharetra rutrum. Nam porta
                              nulla non risus porta imperdiet.</p>
                        </div></a></div>
                  <div class="col-sm-4 col-md-4 col-lg-3 path-card animate-on-scroll fade-right" data-delay="300"><a href="#/" target="_blank" class="card" aria-label="Graduate">
                        <div class="card-img-container"><img src="/_resources/images/path-3-students-collaborating.png" class="card-img-top" alt="Three graduate students working together on a research project"></div>
                        <div class="card-title-wrapper">
                           <h4 class="card-title">Graduate</h4>
                        </div>
                        <div class="card-body">
                           <p class="card-text">Suspendisse quis laoreet tortor. Sed sodales enim eu nunc pharetra rutrum. Nam porta
                              nulla non risus porta imperdiet.</p>
                        </div></a></div>
                  <div class="col-sm-4 col-md-4 col-lg-3 path-card animate-on-scroll fade-right" data-delay="300"><a href="##" target="_blank" class="card" aria-label="Professional Dev.">
                        <div class="card-img-container"><img src="/_resources/images/path-student-at-laptop.png" class="card-img-top" alt="Student working on a laptop in a modern learning environment"></div>
                        <div class="card-title-wrapper">
                           <h4 class="card-title">Professional Dev.</h4>
                        </div>
                        <div class="card-body">
                           <p class="card-text">Suspendisse quis laoreet tortor. Sed sodales enim eu nunc pharetra rutrum. Nam porta
                              nulla non risus porta imperdiet.</p>
                        </div></a></div>
                  <div class="col-12 col-md-12 col-lg-3 path-buttons animate-on-scroll fade-left" data-delay="600">
                     <div class="button-wrapper"><button class="path-button majors-minors" aria-label="Major &amp; Minors"><span>MAJOR &amp; MINORS</span></button><button class="path-button schedule-tour" aria-label="Schedule a Tour"><span>SCHEDULE A TOUR</span></button><button class="path-button apply-now" aria-label="Apply Now"><span>APPLY NOW</span></button></div>
                  </div>
               </div>
            </div>
         </section> 
         
         
         <section class="calendar-section">
            <div class="container-fluid">
               <div class="calendar-section__header">
                  <h2>What's Going On</h2>
                  <h3>There's always something interesting happening at The Brook</h3>
               </div>
               <div class="row">
                  <div class="col-lg-6 col-md-6">
                     <div class="row calendar-inner-row"><h3>Nothing matching that URL</h3>                        <div class="col-md-7 calendar-section__content-col">
                           <div class="calendar-section__countdown">
                              <div class="countdown-item" aria-label="00 Days">
                                 <div class="number">00</div>
                                 <div class="label">DAYS</div>
                              </div>
                              <div class="countdown-item" aria-label="04 Hours">
                                 <div class="number">00</div>
                                 <div class="label">HOURS</div>
                              </div>
                              <div class="countdown-item" aria-label="31 Minutes">
                                 <div class="number">00</div>
                                 <div class="label">MINS</div>
                              </div>
                              <div class="countdown-item" aria-label="19 Seconds">
                                 <div class="number">00</div>
                                 <div class="label">SECS</div>
                              </div>
                           </div>
                           <div class="calendar-section__save-date"><h3>Nothing matching that URL</h3></div>
                           <div class="calendar-section__buttons"><a href="##" target="_blank" class="btn btn-global btn-global--white-transparent-black-hover">Learn More</a><a href="#" target="_blank" class="btn btn-global btn-global--white-transparent-black-hover">Register</a></div>
                        </div>
                     </div>
                  </div>
                  <div class="col-lg-6 col-md-6">
                     <div class="calendar-section__events">
                        <div class="row calendar-inner-row"><div class="col-6 calendar-section__events-col calendar-section__events-col--left">	<ul class="calendar-section__events-list"><li class="calendar-section__events-item">	<div class="date" aria-label="August 6">		<div class="day">06</div>		<div class="month">Aug</div>	</div>	<div class="content">	<p>Pollock-Krasner House and Study Center: Family Tour and  Drip Painting Workshops</p>	</div></li><li class="calendar-section__events-item">	<div class="date" aria-label="August 9">		<div class="day">09</div>		<div class="month">Aug</div>	</div>	<div class="content">	<p>Pollock-Krasner House and Study Center: Family Tour and  Drip Painting Workshops</p>	</div></li>	</ul></div></div>
                        <div class="calendar-section__buttons"><a href="/events" target="_blank" class="btn btn-global btn-global--white-transparent-black-hover">See All Events</a></div>
                     </div>
                  </div>
               </div>
            </div>
         </section> 
         
         
         <section class="sb-campuslife-section" aria-label="Campus Life Navigation">
            <div class="section-content-wrapper">
               <h2 class="visually-hidden">Campus Life</h2>
               <div class="top-row" role="list">
                  <div class="sb-campuslife-circle" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/studentlife/" target="_blank" aria-label="Student Life">
                        <div class="sb-campuslife-container"><img src="/_resources/images/circle-button-student-life.jpg" alt="This is an alternate"><div class="sb-campuslife-gradient" aria-hidden="true"></div>
                           <div class="sb-campuslife-title">STUDENT LIFE</div>
                        </div></a></div>
                  <div class="sb-campuslife-circle" role="listitem"><a href="https://www.stonybrook.edu/campus-life/arts-and-culture/" target="_blank" aria-label="Arts &amp; Culture">
                        <div class="sb-campuslife-container"><img src="/_resources/images/circle-button-arts-culture.jpg" alt="Woman painting"><div class="sb-campuslife-gradient" aria-hidden="true"></div>
                           <div class="sb-campuslife-title">ARTS &amp; CULTURE</div>
                        </div></a></div>
               </div>
               <div class="bottom-row" role="list">
                  <div class="sb-campuslife-circle" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/health-wellness/" target="_blank" aria-label="Health &amp; Safety">
                        <div class="sb-campuslife-container"><img src="/_resources/images/circle-button-health-safety.jpg" alt="Student in the lab"><div class="sb-campuslife-gradient" aria-hidden="true"></div>
                           <div class="sb-campuslife-title">HEALTH &amp; SAFETY</div>
                        </div></a></div>
                  <div class="sb-campuslife-circle" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/sac/get_involved.php" target="_blank" aria-label="Student Involvement">
                        <div class="sb-campuslife-container"><img src="/_resources/images/circle-button-student-involvement.jpg" alt="Two students running in the park"><div class="sb-campuslife-gradient" aria-hidden="true"></div>
                           <div class="sb-campuslife-title">STUDENT INVOLVEMENT</div>
                        </div></a></div>
                  <div class="sb-campuslife-circle sb-explore-circle" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/stu/" target="_blank" aria-label="ExploreCampus Life">
                        <div class="sb-campuslife-container">
                           <div class="sb-campuslife-title explore">
                              <div class="text-container">
                                 <div class="explore-line">EXPLORE <img class="arrow-img" src="/_resources/images/campus-life-arrow.svg" alt="arrow" aria-hidden="true"></div>
                                 <div class="campus-line">CAMPUS LIFE</div>
                              </div>
                           </div>
                        </div></a></div>
               </div>
            </div>
         </section>
         <section class="sb-campuslife-mobile" aria-label="Campus Life Navigation for Mobile Devices">
            <h2 class="visually-hidden">Campus Life</h2>
            <div role="list" class="mobile-row">
               <div class="sb-circle-mobile" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/studentlife/" target="_blank" aria-label="Student Life">
                     <div class="sb-circle-container-mobile"><img src="/_resources/images/circle-button-student-life.jpg" alt=""><div class="sb-circle-gradient-mobile" aria-hidden="true"></div>
                        <div class="sb-circle-title-mobile">STUDENT LIFE</div>
                     </div></a></div>
               <div class="sb-circle-mobile" role="listitem"><a href="https://www.stonybrook.edu/campus-life/arts-and-culture/" target="_blank" aria-label="Arts &amp; Culture">
                     <div class="sb-circle-container-mobile"><img src="/_resources/images/circle-button-arts-culture.jpg" alt=""><div class="sb-circle-gradient-mobile" aria-hidden="true"></div>
                        <div class="sb-circle-title-mobile">ARTS &amp; CULTURE</div>
                     </div></a></div>
            </div>
            <div role="list" class="mobile-row">
               <div class="sb-circle-mobile" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/health-wellness/" target="_blank" aria-label="Health &amp; Safety">
                     <div class="sb-circle-container-mobile"><img src="/_resources/images/circle-button-health-safety.jpg" alt=""><div class="sb-circle-gradient-mobile" aria-hidden="true"></div>
                        <div class="sb-circle-title-mobile">HEALTH &amp; SAFETY</div>
                     </div></a></div>
               <div class="sb-circle-mobile" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/sac/get_involved.php" target="_blank" aria-label="Student Involvement">
                     <div class="sb-circle-container-mobile"><img src="/_resources/images/circle-button-student-involvement.jpg" alt=""><div class="sb-circle-gradient-mobile" aria-hidden="true"></div>
                        <div class="sb-circle-title-mobile">STUDENT INVOLVEMENT</div>
                     </div></a></div>
            </div>
            <div role="list" class="mobile-row">
               <div class="sb-circle-mobile sb-explore-circle-mobile" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/stu/" target="_blank" aria-label="ExploreCampus Life">
                     <div class="sb-circle-container-mobile">
                        <div class="sb-circle-title-mobile">
                           <div class="text-container-mobile">
                              <div class="explore-line-mobile">EXPLORE <img class="arrow-img-mobile" src="/_resources/images/campus-life-arrow.svg" alt="mobile arrow" aria-hidden="true"></div>
                              <div class="campus-line-mobile">CAMPUS LIFE</div>
                           </div>
                        </div>
                     </div></a></div>
            </div>
         </section>
         
         
         	
         <div class="divider divider-24 gradient-specialty-deep-blue-green" role="presentation"></div>
          
         
         
         <section class="sb-hp-carousel-wrapper" aria-label="Meet Our Seawolves Carousel">
            <div class="sb-hp-carousel-intro">
               <h2 class="sb-hp-carousel-title">Meet Our Seawolves</h2>
               <h3 class="sb-hp-carousel-subtitle">Meet the innovators, change-makers, and visionaries shaping tomorrow</h3>
            </div>
            <div class="sb-hp-carousel slick-carousel" role="region" aria-roledescription="carousel">
               <div class="sb-hp-carousel-item">
                  <div class="sb-hp-carousel-inner">
                     <div class="sb-hp-carousel-image"><img src="/_resources/images/hp-carousel-placeholder-image.jpg" alt="./ikmagealt" loading="lazy"></div>
                     <div class="sb-hp-carousel-content">
                        <h4 class="sb-hp-carousel-name">Name</h4>
                        <p class="sb-hp-carousel-text">Donec ac tempor ipsum, sit amet pellentesque augue. Curabitur vel ante suscipit, dapibus
                           justo sed, dapibus mi. Proin non ullamcorper metus. Vestibulum non porttitor turpis,
                           sit.</p><a href="###" target="_blank" class="sb-hp-carousel-link" aria-label="Learn More">Learn More</a></div>
                  </div>
               </div>
               <div class="sb-hp-carousel-item">
                  <div class="sb-hp-carousel-inner">
                     <div class="sb-hp-carousel-image"><img src="/_resources/images/hp-carousel-placeholder-image.jpg" alt="./ikmagealt" loading="lazy"></div>
                     <div class="sb-hp-carousel-content">
                        <h1 class="sb-hp-carousel-name">Another Name</h1>
                        <p class="sb-hp-carousel-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt
                           ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p><a href="##" target="_blank" class="sb-hp-carousel-link" aria-label="Learn More">Learn More</a></div>
                  </div>
               </div>
               <div class="sb-hp-carousel-item">
                  <div class="sb-hp-carousel-inner">
                     <div class="sb-hp-carousel-image"><img src="/_resources/images/hp-carousel-placeholder-image.jpg" alt="./ikmagealt" loading="lazy"></div>
                     <div class="sb-hp-carousel-content">
                        <h1 class="sb-hp-carousel-name">Another Name</h1>
                        <p class="sb-hp-carousel-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt
                           ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p><a href="#" target="_blank" class="sb-hp-carousel-link" aria-label="Learn More">Learn More</a></div>
                  </div>
               </div>
               <div class="sb-hp-carousel-item">
                  <div class="sb-hp-carousel-inner">
                     <div class="sb-hp-carousel-image"><img src="/_resources/images/hp-carousel-placeholder-image.jpg" alt="./ikmagealt" loading="lazy"></div>
                     <div class="sb-hp-carousel-content">
                        <h1 class="sb-hp-carousel-name">Another Name</h1>
                        <p class="sb-hp-carousel-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt
                           ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p><a href="#/" target="_blank" class="sb-hp-carousel-link" aria-label="Learn More">Learn More</a></div>
                  </div>
               </div>
               <div class="sb-hp-carousel-item">
                  <div class="sb-hp-carousel-inner">
                     <div class="sb-hp-carousel-image"><img src="/_resources/images/hp-carousel-placeholder-image.jpg" alt="./ikmagealt" loading="lazy"></div>
                     <div class="sb-hp-carousel-content">
                        <h1 class="sb-hp-carousel-name">Another Name</h1>
                        <p class="sb-hp-carousel-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt
                           ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p><a href="####" target="_blank" class="sb-hp-carousel-link" aria-label="Learn More">Learn More</a></div>
                  </div>
               </div>
            </div>
         </section>
      </main>
      <div class="divider divider-24 gradient-specialty-deep-blue-green"></div><footer class="sb-footer">
   <div class="section-content-wrapper">
      <div class="sb-footer-cta-row d-flex flex-wrap align-items-center justify-content-start mb-5">
         <h2 class="sb-footer-heading mb-0">Want to learn more about SBU?</h2><a class="btn sb-footer-cta" title="Request Information" href="#/">Request Information</a></div>
      <div class="row gy-5 align-items-start">
         <div class="col-12 col-md-8">
            <div class="row gy-4">
               <div class="col-12 col-sm-6 col-md-6 col-lg-3">
                  <h3 class="sb-footer-title">About SBU</h3>
                  <ul class="sb-footer-links">
                     <li><a href="#" target="_blank" rel="noopener">Contact</a></li>
                     <li><a href="#">Fast Facts</a></li>
                     <li><a href="#" title="News">News</a></li>
                     <li><a href="#">For Media</a></li>
                     <li><a href="#">Careers</a></li>
                  </ul>
               </div>
               <div class="col-12 col-sm-6 col-md-6 col-lg-3">
                  <h3 class="sb-footer-title">Education</h3>
                  <ul class="sb-footer-links">
                     <li><a href="#">Majors &amp; Minors</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Colleges &amp; Schools</a></li>
                     <li><a href="#" target="_blank" rel="noopener">University Catalogs</a></li>
                     <li><a href="#">Brightspace</a></li>
                     <li><a href="#" title="Careers">Careers</a></li>
                  </ul>
               </div>
               <div class="col-12 col-sm-6 col-md-6 col-lg-3">
                  <h3 class="sb-footer-title">Resources</h3>
                  <ul class="sb-footer-links">
                     <li><a href="#" title="Academic Calendar">Academic Calendar</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Undergraduate Bulletin</a></li>
                     <li><a href="#">Graduate Bulletin</a></li>
                     <li><a href="#">Health Sciences Bulletin</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Libraries</a></li>
                  </ul>
               </div>
               <div class="col-12 col-sm-6 col-md-6 col-lg-3">
                  <h3 class="sb-footer-title">Find</h3>
                  <ul class="sb-footer-links">
                     <li><a href="#">People Directory</a></li>
                     <li><a href="#">A–Z Web Directory</a></li>
                     <li><a href="#">Calendars</a></li>
                     <li><a href="#" title="Jobs">Jobs</a></li>
                     <li><a href="#">Maps &amp; Directions</a></li>
                     <li><a href="#">Parking</a></li>
                  </ul>
               </div>
            </div>
         </div>
         <div class="col-12 col-md-4 d-flex justify-content-end sb-footer-logo-col">
            <div class="footer-brand text-center"><img src="/_resources/images/sb-logo-horizontal.png" alt="footer-logo" class="sb-footer-logo mb-2"><div class="sb-footer-social"><span class="follow-label">Follow Us</span><ul class="list-inline mt-2">
                     <li class="list-inline-item"><a href="https://www.facebook.com" aria-label="Facebook"><svg xmlns="http://www.w3.org/2000/svg" role="img" focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                              <title>Facebook</title>
                              <path fill="currentColor" d="M12 0C5.37264 0 0 5.37264 0 12C0 17.6275 3.87456 22.3498 9.10128 23.6467V15.6672H6.62688V12H9.10128V10.4198C9.10128 6.33552 10.9498 4.4424 14.9597 4.4424C15.72 4.4424 17.0318 4.59168 17.5685 4.74048V8.06448C17.2853 8.03472 16.7933 8.01984 16.1822 8.01984C14.2147 8.01984 13.4544 8.76528 13.4544 10.703V12H17.3741L16.7006 15.6672H13.4544V23.9122C19.3963 23.1946 24.0005 18.1354 24.0005 12C24 5.37264 18.6274 0 12 0Z"/></svg></a></li>
                     <li class="list-inline-item"><a href="https://www.instagram.com" aria-label="Instagram"><svg xmlns="http://www.w3.org/2000/svg" role="img" focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                              <title>Instagram</title>
                              <g clip-path="url(#clip0)">
                                 <path fill="currentColor" d="M12 2.16094C15.2063 2.16094 15.5859 2.175 16.8469 2.23125C18.0188 2.28281 18.6516 2.47969 19.0734 2.64375C19.6313 2.85938 20.0344 3.12188 20.4516 3.53906C20.8734 3.96094 21.1313 4.35938 21.3469 4.91719C21.5109 5.33906 21.7078 5.97656 21.7594 7.14375C21.8156 8.40937 21.8297 8.78906 21.8297 11.9906C21.8297 15.1969 21.8156 15.5766 21.7594 16.8375C21.7078 18.0094 21.5109 18.6422 21.3469 19.0641C21.1313 19.6219 20.8687 20.025 20.4516 20.4422C20.0297 20.8641 19.6313 21.1219 19.0734 21.3375C18.6516 21.5016 18.0141 21.6984 16.8469 21.75C15.5813 21.8062 15.2016 21.8203 12 21.8203C8.79375 21.8203 8.41406 21.8062 7.15313 21.75C5.98125 21.6984 5.34844 21.5016 4.92656 21.3375C4.36875 21.1219 3.96563 20.8594 3.54844 20.4422C3.12656 20.0203 2.86875 19.6219 2.65313 19.0641C2.48906 18.6422 2.29219 18.0047 2.24063 16.8375C2.18438 15.5719 2.17031 15.1922 2.17031 11.9906C2.17031 8.78438 2.18438 8.40469 2.24063 7.14375C2.29219 5.97187 2.48906 5.33906 2.65313 4.91719C2.86875 4.35938 3.13125 3.95625 3.54844 3.53906C3.97031 3.11719 4.36875 2.85938 4.92656 2.64375C5.34844 2.47969 5.98594 2.28281 7.15313 2.23125C8.41406 2.175 8.79375 2.16094 12 2.16094ZM12 0C8.74219 0 8.33438 0.0140625 7.05469 0.0703125C5.77969 0.126563 4.90313 0.332812 4.14375 0.628125C3.35156 0.9375 2.68125 1.34531 2.01563 2.01562C1.34531 2.68125 0.9375 3.35156 0.628125 4.13906C0.332812 4.90313 0.126563 5.775 0.0703125 7.05C0.0140625 8.33437 0 8.74219 0 12C0 15.2578 0.0140625 15.6656 0.0703125 16.9453C0.126563 18.2203 0.332812 19.0969 0.628125 19.8563C0.9375 20.6484 1.34531 21.3188 2.01563 21.9844C2.68125 22.65 3.35156 23.0625 4.13906 23.3672C4.90313 23.6625 5.775 23.8687 7.05 23.925C8.32969 23.9812 8.7375 23.9953 11.9953 23.9953C15.2531 23.9953 15.6609 23.9812 16.9406 23.925C18.2156 23.8687 19.0922 23.6625 19.8516 23.3672C20.6391 23.0625 21.3094 22.65 21.975 21.9844C22.6406 21.3188 23.0531 20.6484 23.3578 19.8609C23.6531 19.0969 23.8594 18.225 23.9156 16.95C23.9719 15.6703 23.9859 15.2625 23.9859 12.0047C23.9859 8.74688 23.9719 8.33906 23.9156 7.05938C23.8594 5.78438 23.6531 4.90781 23.3578 4.14844C23.0625 3.35156 22.6547 2.68125 21.9844 2.01562C21.3188 1.35 20.6484 0.9375 19.8609 0.632812C19.0969 0.3375 18.225 0.13125 16.95 0.075C15.6656 0.0140625 15.2578 0 12 0Z"/>
                                 <path fill="currentColor" d="M12 5.83594C8.59688 5.83594 5.83594 8.59688 5.83594 12C5.83594 15.4031 8.59688 18.1641 12 18.1641C15.4031 18.1641 18.1641 15.4031 18.1641 12C18.1641 8.59688 15.4031 5.83594 12 5.83594ZM12 15.9984C9.79219 15.9984 8.00156 14.2078 8.00156 12C8.00156 9.79219 9.79219 8.00156 12 8.00156C14.2078 8.00156 15.9984 9.79219 15.9984 12C15.9984 14.2078 14.2078 15.9984 12 15.9984Z"/>
                                 <path fill="currentColor" d="M19.8469 5.59214C19.8469 6.38902 19.2 7.0312 18.4078 7.0312C17.6109 7.0312 16.9688 6.38433 16.9688 5.59214C16.9688 4.79526 17.6156 4.15308 18.4078 4.15308C19.2 4.15308 19.8469 4.79995 19.8469 5.59214Z"/>
                              </g>
                              <defs>
                                 <clipPath id="clip0">
                                    <rect width="24" height="24" fill="white"/>
                                 </clipPath>
                              </defs></svg></a></li>
                     <li class="list-inline-item"><a href="https://www.linkedin.com" aria-label="LinkedIn"><svg xmlns="http://www.w3.org/2000/svg" role="img" focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                              <title>LinkedIn</title>
                              <path fill="currentColor" d="M22.2234 0H1.77187C0.792187 0 0 0.773438 0 1.72969V22.2656C0 23.2219 0.792187 24 1.77187 24H22.2234C23.2031 24 24 23.2219 24 22.2703V1.72969C24 0.773438 23.2031 0 22.2234 0ZM7.12031 20.4516H3.55781V8.99531H7.12031V20.4516ZM5.33906 7.43438C4.19531 7.43438 3.27188 6.51094 3.27188 5.37187C3.27188 4.23281 4.19531 3.30937 5.33906 3.30937C6.47813 3.30937 7.40156 4.23281 7.40156 5.37187C7.40156 6.50625 6.47813 7.43438 5.33906 7.43438ZM20.4516 20.4516H16.8937V14.8828C16.8937 13.5562 16.8703 11.8453 15.0422 11.8453C13.1906 11.8453 12.9094 13.2937 12.9094 14.7891V20.4516H9.35625V8.99531H12.7687V10.5609H12.8156C13.2891 9.66094 14.4516 8.70938 16.1813 8.70938C19.7859 8.70938 20.4516 11.0813 20.4516 14.1656V20.4516Z"/></svg></a></li>
                     <li class="list-inline-item"><a href="https://www.x.com" aria-label="X"><svg xmlns="http://www.w3.org/2000/svg" role="img" focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                              <title>X (Twitter)</title>
                              <path fill="currentColor" d="M18.3263 1.9039H21.6998L14.3297 10.3274L23 21.7899H16.2112L10.894 14.8379L4.80995 21.7899H1.43443L9.31743 12.78L1 1.9039H7.96111L12.7674 8.25823L18.3263 1.9039ZM17.1423 19.7707H19.0116L6.94539 3.81703H4.93946L17.1423 19.7707Z"/></svg></a></li>
                     <li class="list-inline-item"><a href="https://www.youtube.com" aria-label="YouTube"><svg xmlns="http://www.w3.org/2000/svg" role="img" focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                              <title>YouTube</title>
                              <path fill="currentColor" d="M23.7609 7.20005C23.7609 7.20005 23.5266 5.54536 22.8047 4.8188C21.8906 3.86255 20.8688 3.85786 20.4 3.80161C17.0438 3.55786 12.0047 3.55786 12.0047 3.55786H11.9953C11.9953 3.55786 6.95625 3.55786 3.6 3.80161C3.13125 3.85786 2.10938 3.86255 1.19531 4.8188C0.473438 5.54536 0.24375 7.20005 0.24375 7.20005C0.24375 7.20005 0 9.14536 0 11.086V12.9047C0 14.8454 0.239062 16.7907 0.239062 16.7907C0.239062 16.7907 0.473437 18.4454 1.19062 19.1719C2.10469 20.1282 3.30469 20.0954 3.83906 20.1985C5.76094 20.3813 12 20.4375 12 20.4375C12 20.4375 17.0438 20.4282 20.4 20.1891C20.8688 20.1329 21.8906 20.1282 22.8047 19.1719C23.5266 18.4454 23.7609 16.7907 23.7609 16.7907C23.7609 16.7907 24 14.85 24 12.9047V11.086C24 9.14536 23.7609 7.20005 23.7609 7.20005ZM9.52031 15.1125V8.36724L16.0031 11.7516L9.52031 15.1125Z"/></svg></a></li>
                  </ul>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="sb-sub-footer py-4">
   <div class="section-content-wrapper text-center small">
      <div class="sb-sub-footer-meta mb-2"><span id="directedit">©</span> 2025 Stony Brook University | 100 Nicolls Road, Stony Brook, NY 11794 | (631) 632-6000 | <a href="/contact.php">Contact</a></div>
      <div class="sb-sub-footer-links"><a href="#" target="_blank" rel="noopener">Accessibility</a> | <a href="#">Privacy Policy</a> | <a href="#">Sustainability</a> | <a title="Diversity Discrimination" href="#">Diversity Discrimination</a> | <a href="#" target="_blank" rel="noopener">Sexual Misconduct</a> | <a href="#">Accessibility Barrier</a></div>
      <div class="sb-sub-footer-disclaimer mt-2">Stony Brook University resides on the ancestral, traditional, and contemporary lands
         of the aboriginal territory of the Setauket or the Setalcott tribe. We acknowledge
         federal and state recognized tribes who live here now and those who were forcibly
         removed from their homelands. In offering this land acknowledgement, we affirm indigenous
         sovereignty, history, and experience.</div>
   </div>
</div></footer><ouc:editor wysiwyg="no"/>
<!-- Scripts -->
<script src="/_resources/js/bootstrap.bundle.min.js" defer="defer"></script>
<!-- jQuery is required for Slick Slider functionality -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<script src="/_resources/js/sb-main.js" defer="defer"></script>
<script src="/_resources/js/sb-animations.js" defer="defer"></script>
<script src="/_resources/js/vendor/slick.min.js" defer="defer"></script>
<script src="/_resources/js/sb-homepage-hero.js" defer="defer"></script>
      <div id="ou-hidden" style="display:none;"><!-- com.omniupdate.ob --><a id="de" rel="nofollow" href="https://a.cms.omniupdate.com/11/?skin=oucampus&amp;account=suny-stonybrook&amp;site=stonybrook&amp;action=de&amp;path=/_showcase/index.pcf">&copy;</a><!-- /com.omniupdate.ob --></div><script>
			if(document.getElementById("de") != null && document.getElementById("directedit")) {
				var link = document.getElementById("de").parentNode.innerHTML;
				document.getElementById("de").parentNode.innerHTML = "";
				document.getElementById("directedit").innerHTML = link.replace(/^\s+|\s+$/gm,'');
			}
		</script><!-- ouc:info uuid="efd93f71-7f25-49b8-a190-0a94b3c84449"/ --></body>
</html>
          Evidence 
          <form class="sb-search-form" action="//stonybrook.edu/search" method="get" role="search" aria-label="Site search">
          Solution

          Phase: Architecture and Design

          Use a vetted library or framework that does not allow this weakness to occur or provides constructs that make this weakness easier to avoid.

          For example, use anti-CSRF packages such as the OWASP CSRFGuard.

          Phase: Implementation

          Ensure that your application is free of cross-site scripting issues, because most CSRF defenses can be bypassed using attacker-controlled script.

          Phase: Architecture and Design

          Generate a unique nonce for each form, place the nonce into the form, and verify the nonce upon receipt of the form. Be sure that the nonce is not predictable (CWE-330).

          Note that this can be bypassed using XSS.

          Identify especially dangerous operations. When the user performs a dangerous operation, send a separate confirmation request to ensure that the user intended to perform that operation.

          Note that this can be bypassed using XSS.

          Use the ESAPI Session Management control.

          This control includes a component for CSRF.

          Do not use the GET method for any request that triggers a state change.

          Phase: Implementation

          Check the HTTP Referer header to see if the request originated from an expected page. This could break legitimate functionality, because users or proxies may have disabled sending the Referer for privacy reasons.

  3. Risk=Low, Confidence=High (1)

    1. https://web-test.stonybrook.edu (1)

      1. Strict-Transport-Security Header Not Set (1)
        1. GET https://web-test.stonybrook.edu/sitemap.xml
          Alert tags
          Alert description

          HTTP Strict Transport Security (HSTS) is a web security policy mechanism whereby a web server declares that complying user agents (such as a web browser) are to interact with it using only secure HTTPS connections (i.e. HTTP layered over TLS/SSL). HSTS is an IETF standards track protocol and is specified in RFC 6797.
          Request
          Request line and header section (273 bytes) 
          GET https://web-test.stonybrook.edu/sitemap.xml HTTP/1.1
host: web-test.stonybrook.edu
user-agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36 OPR/102.0.0.0
pragma: no-cache
cache-control: no-cache
          Request body (0 bytes)
          Response
          Status line and header section (145 bytes) 
          HTTP/1.1 404 Not Found
Date: Wed, 06 Aug 2025 16:03:07 GMT
Server: Apache
Content-Length: 196
Content-Type: text/html; charset=iso-8859-1
          Response body (196 bytes) 
          <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
<html><head>
<title>404 Not Found</title>
</head><body>
<h1>Not Found</h1>
<p>The requested URL was not found on this server.</p>
</body></html>
          Solution

          Ensure that your web server, application server, load balancer, etc. is configured to enforce Strict-Transport-Security.

  4. Risk=Low, Confidence=Medium (3)

    1. https://web-test.stonybrook.edu (3)

      1. Cross-Domain JavaScript Source File Inclusion (1)
        1. GET https://web-test.stonybrook.edu/_showcase/index.php
          Alert tags
          Alert description

          The page includes one or more script files from a third-party domain.
          Request
          Request line and header section (281 bytes) 
          GET https://web-test.stonybrook.edu/_showcase/index.php HTTP/1.1
host: web-test.stonybrook.edu
user-agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36 OPR/102.0.0.0
pragma: no-cache
cache-control: no-cache
          Request body (0 bytes)
          Response
          Status line and header section (220 bytes) 
          HTTP/1.1 200 OK
Date: Wed, 06 Aug 2025 16:03:07 GMT
Server: Apache
X-Powered-By: PHP/7.2.24
X-Frame-Options: DENY
SERVER-ID: {NODE-NAME}.{NODE-ENV}
Content-Type: text/html; charset=UTF-8
content-length: 130771
          Response body (130771 bytes) 
          <!DOCTYPE HTML><html lang="en">
   <head>
      <meta charset="UTF-8">
      <meta http-equiv="x-ua-compatible" content="ie=edge">
      <title>Home</title>
      <link rel="canonical" href="https://web-test.stonybrook.edu/_showcase/index.php">
      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
      <ouc:editor wysiwyg="no"/>
<!-- this is the headcode include -->
<link rel="apple-touch-icon" href="https://www.stonybrook.edu/commcms/_resources/favicon/apple-touch-icon.png"/>
<link rel="apple-touch-icon" sizes="144x144" href="https://www.stonybrook.edu/commcms/_resources/favicon/apple-touch-icon-144x144-precomposed.png"/>
<link rel="icon" href="https://www.stonybrook.edu/commcms/_resources/favicon/apple-touch-icon.png"/>
<!-- Preload Fonts for Faster Rendering -->
<link rel="preload" href="https://fonts.googleapis.com/css2?family=Alumni+Sans:wght@400;500;600;700;800&family=Barlow:wght@400;500;600;700&family=Barlow+Semi+Condensed:wght@400;500;600;700&family=Bitter:wght@400;600;700&display=swap" as="style" />

<!-- Load Fonts Early -->
<link href="https://fonts.googleapis.com/css2?family=Alumni+Sans:wght@400;500;600;700;800&family=Barlow:wght@400;500;600;700&family=Barlow+Semi+Condensed:wght@400;500;600;700&family=Bitter:wght@400;600;700&display=swap" rel="stylesheet"/>

<!-- Load Main Styles -->
<link rel="stylesheet" href="/_resources/css/sb-main.css"/><ouc:editor wysiwyg="no"/>
<!-- Insert google analytics here -->
</head>
   <body><ouc:editor wysiwyg="no"/><!-- <?pcf-stylesheet path="/_resources/xsl/_widgets/header.xsl" title="Mobile" alternate="no" publish="yes" extension=".mobile.html"?> --><header class="container-fluid no-gutter"><a href="#main-content" class="skip-link">Skip to main content</a><nav class="desktop-nav" role="navigation" aria-label="Main Navigation">
      <div class="top-nav-wrapper">
         <div class="nav-wrapper container-xl">
            <div class="top-nav d-flex justify-content-between align-items-center">
               <div class="top-nav-left">
                  <ul>
                     <li><a href="/apply" target="_blank" rel="noopener">Apply</a></li>
                     <li><a href="/visit">Visit</a></li>
                     <li><a href="/give">Giving</a></li>
                     <li><a href="/medicine" title="Medicine">Medicine</a></li>
                  </ul>
               </div>
               <ul class="top-nav-right">
                  <li class="dropdown"><a href="#" aria-haspopup="true" aria-expanded="false">Resources For  ▾</a><ul class="dropdown-menu">
                        <li><a href="#">Maps and Directions</a></li>
                        <li><a href="##">Virtual Tour</a></li>
                        <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                        <li><a title="Stony Brook Southampton" href="##">Stony Brook Southampton</a></li>
                        <li><a href="###">The New York Climate Exchange</a></li>
                     </ul>
                  </li>
                  <li class="dropdown"><a href="#" aria-haspopup="true" aria-expanded="false">Logins  ▾</a><ul class="dropdown-menu">
                        <li><a href="#" target="_blank" rel="noopener">Student Portal</a></li>
                        <li><a href="###">Faculty Portal</a></li>
                        <li><a href="##">Employee Services</a></li>
                        <li><a title="Library Account" href="#">Library Account</a></li>
                        <li><a href="##">Alumni Login</a></li>
                     </ul>
                  </li>
                  <li class="search-box"><button class="search-toggle" aria-label="Open Search"><svg width="24" height="24" viewBox="0 0 24 24" fill="none">
                           <path d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z" stroke="white" stroke-width="2"></path>
                           <path d="M21 20.9999L16.65 16.6499" stroke="white" stroke-width="2"></path></svg></button></li>
               </ul>
            </div>
         </div>
      </div>
      <div class="primary-nav-wrapper">
         <div class="nav-wrapper container-xl">
            <div class="primary-nav d-flex justify-content-between align-items-center">
               <div class="logo"><a href="/"><img src="/_resources/images/sb-logo-desktop.svg" alt="logo"></a></div>
               <ul class="primary-links">
                  <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-about" href="#about">About</a><div class="mega-menu" id="mega-about" role="region" aria-label="About Menu">
                        <div class="nav-wrapper container-xl">
                           <div class="row">
                              <div class="col-lg-4">
                                 <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternate"><a class="image-caption" href="#about">About</a></div>
                              </div>
                              <div class="col-lg-8">
                                 <div class="mega-link-row custom-mega-gutter">
                                    <div class="left-columns">
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">History</a></li>
                                             <li><a href="##">Administration</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Maps &amp; Directions</a></li>
                                             <li><a href="##">Virtual Tour</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                             <li><a href="##">The New York Climate Exchange</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li class="mega-subheading">News &amp; Publications</li>
                                             <li><a href="##">News</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                             <li><a href="##">Economic Impact</a></li>
                                          </ul>
                                       </div>
                                    </div>
                                    <div class="related-links-col">
                                       <ul class="related-links">
                                          <li class="mega-subheading">Related Links</li>
                                          <li><a href="##">Calendars</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                          <li><a href="##">Diversity</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </li>
                  <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-admissions" href="#admissions">Admissions</a><div class="mega-menu" id="mega-admissions" role="region" aria-label="About Menu">
                        <div class="nav-wrapper container-xl">
                           <div class="row">
                              <div class="col-lg-4">
                                 <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternate text"><a class="image-caption" href="#admissions">Admissions</a></div>
                              </div>
                              <div class="col-lg-8">
                                 <div class="mega-link-row custom-mega-gutter">
                                    <div class="left-columns">
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">History</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                             <li><a href="##">Administration</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Maps &amp; Directions</a></li>
                                             <li><a href="##">Virtual Tour</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                             <li><a href="##">The New York Climate Exchange</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li class="mega-subheading">News &amp; Publications</li>
                                             <li><a href="##">News</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                             <li><a href="##">Economic Impact</a></li>
                                          </ul>
                                       </div>
                                    </div>
                                    <div class="related-links-col">
                                       <ul class="related-links">
                                          <li class="mega-subheading">Related Links</li>
                                          <li><a href="##">Calendars</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                          <li><a href="##">Diversity</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </li>
                  <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-academics" href="#academics">Academics</a><div class="mega-menu" id="mega-academics" role="region" aria-label="About Menu">
                        <div class="nav-wrapper container-xl">
                           <div class="row">
                              <div class="col-lg-4">
                                 <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternative text"><a class="image-caption" href="#academics">Academics</a></div>
                              </div>
                              <div class="col-lg-8">
                                 <div class="mega-link-row custom-mega-gutter">
                                    <div class="left-columns">
                                       <div class="col">
                                          <ul>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                             <li><a href="##">History</a></li>
                                             <li><a href="##">Administration</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Maps &amp; Directions</a></li>
                                             <li><a href="##">Virtual Tour</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                             <li><a href="##">The New York Climate Exchange</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li class="mega-subheading">News &amp; Publications</li>
                                             <li><a href="##">News</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                             <li><a href="##">Economic Impact</a></li>
                                          </ul>
                                       </div>
                                    </div>
                                    <div class="related-links-col">
                                       <ul class="related-links">
                                          <li class="mega-subheading">Related Links</li>
                                          <li><a href="##">Calendars</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                          <li><a href="##">Diversity</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </li>
                  <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-campus-life" href="#campuslife">Campus Life</a><div class="mega-menu" id="mega-campus-life" role="region" aria-label="About Menu">
                        <div class="nav-wrapper container-xl">
                           <div class="row">
                              <div class="col-lg-4">
                                 <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is alternate text"><a class="image-caption" href="#campuslife">Campus Life</a></div>
                              </div>
                              <div class="col-lg-8">
                                 <div class="mega-link-row custom-mega-gutter">
                                    <div class="left-columns">
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">History</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                             <li><a href="##">Administration</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Maps &amp; Directions</a></li>
                                             <li><a href="##">Virtual Tour</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                             <li><a href="##">The New York Climate Exchange</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li class="mega-subheading">News &amp; Publications</li>
                                             <li><a href="##">News</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                             <li><a href="##">Economic Impact</a></li>
                                          </ul>
                                       </div>
                                    </div>
                                    <div class="related-links-col">
                                       <ul class="related-links">
                                          <li class="mega-subheading">Related Links</li>
                                          <li><a href="##">Calendars</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                          <li><a href="##">Diversity</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </li>
                  <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-research" href="#research">Research</a><div class="mega-menu" id="mega-research" role="region" aria-label="About Menu">
                        <div class="nav-wrapper container-xl">
                           <div class="row">
                              <div class="col-lg-4">
                                 <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alt"><a class="image-caption" href="#research">Research</a></div>
                              </div>
                              <div class="col-lg-8">
                                 <div class="mega-link-row custom-mega-gutter">
                                    <div class="left-columns">
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Administration</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                             <li><a href="##">History</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Maps &amp; Directions</a></li>
                                             <li><a href="##">Virtual Tour</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                             <li><a href="##">The New York Climate Exchange</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li class="mega-subheading">News &amp; Publications</li>
                                             <li><a href="##">News</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                             <li><a href="##">Economic Impact</a></li>
                                          </ul>
                                       </div>
                                    </div>
                                    <div class="related-links-col">
                                       <ul class="related-links">
                                          <li class="mega-subheading">Related Links</li>
                                          <li><a href="##">Calendars</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                          <li><a href="##">Diversity</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </li>
                  <li><a href="#athletics">Athletics</a></li>
               </ul>
            </div>
         </div>
      </div>
      <div class="search-panel desktop-search-panel">
         <div class="search-panel-inner"><button class="sb-search-panel-close" aria-label="Close search panel">×</button><div class="sb-search-panel p-4">
               <form class="sb-search-form" action="//stonybrook.edu/search" method="get" role="search" aria-label="Site search">
                  <div class="row g-2 align-items-end">
                     <div class="col-12 col-md"><label for="sb-search-input" class="visually-hidden">Search Stony Brook University</label><div class="sb-search-input-wrapper"><span class="sb-search-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                 <path d="M7.33333 12.6667C10.2789 12.6667 12.6667 10.2789 12.6667 7.33333C12.6667 4.38781 10.2789 2 7.33333 2C4.38781 2 2 4.38781 2 7.33333C2 10.2789 4.38781 12.6667 7.33333 12.6667Z" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                 <path d="M14 14L11.1 11.1" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><input type="text" id="sb-search-input" name="q" placeholder="Search Stony Brook University" value="" size="30" tabindex="41" class="populate form-control"></div>
                     </div>
                     <div class="col-12 col-md-auto"><button type="submit" class="btn btn-dark w-100 text-uppercase sb-search-button">Search</button></div>
                  </div>
               </form>
            </div>
         </div>
      </div>
   </nav>
   <div class="mobile-header">
      <div class="header-bar">
         <div class="header-left"><a href="#" class="logo"><img src="/_resources/images/sb-logo-mobile.svg" alt="mobile logo"></a></div>
         <div class="header-right">
            <ul class="header-actions">
               <li class="search-box"><button class="search-toggle-mobile" aria-label="Open Search"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                        <path d="M7.33333 12.6667C10.2789 12.6667 12.6667 10.2789 12.6667 7.33333C12.6667 4.38781 10.2789 2 7.33333 2C4.38781 2 2 4.38781 2 7.33333C2 10.2789 4.38781 12.6667 7.33333 12.6667Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        <path d="M14 14L11.1 11.1" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></button></li>
               <li class="menu-trigger"><button class="menu-toggle" aria-label="Open Menu" aria-expanded="false"><span class="bar"></span><span class="bar"></span><span class="bar"></span></button></li>
            </ul>
         </div>
      </div>
   </div>
   <div class="search-panel mobile-search-panel">
      <div class="search-panel-inner"><button class="sb-search-panel-close" aria-label="Close search panel">×</button><div class="sb-search-panel p-4">
            <form class="sb-search-form" action="//stonybrook.edu/search" method="get" role="search" aria-label="Site search">
               <div class="row g-2 align-items-end">
                  <div class="col-12 col-md"><label for="sb-search-input-mobile" class="visually-hidden">Search Stony Brook University</label><div class="sb-search-input-wrapper"><span class="sb-search-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                              <path d="M7.33333 12.6667C10.2789 12.6667 12.6667 10.2789 12.6667 7.33333C12.6667 4.38781 10.2789 2 7.33333 2C4.38781 2 2 4.38781 2 7.33333C2 10.2789 4.38781 12.6667 7.33333 12.6667Z" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                              <path d="M14 14L11.1 11.1" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><input type="text" id="sb-search-input-mobile" title="Search stonybrook.edu" value="" size="30" tabindex="41" name="q" placeholder="Search Stony Brook University" class="populate form-control"></div>
                  </div>
                  <div class="col-12 col-md-auto"><button type="submit" class="btn btn-dark w-100 text-uppercase sb-search-button">Search</button></div>
               </div>
            </form>
         </div>
      </div>
   </div>
   <nav class="responsive-nav" role="navigation" aria-label="Mobile Navigation">
      <div class="menu-panel">
         <div class="overlay"></div>
         <div class="menu-content">
            <ul class="primary-menu">
               <li class="has-submenu">
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#about">About</a><button class="accordion-toggle" aria-expanded="false" aria-controls="submenu-about" aria-label="Expand About submenu"><span class="arrow"></span></button></div>
                  <ul id="submenu-about" class="accordion-panel" aria-hidden="true">
                     <li><a href="##">History</a></li>
                     <li><a href="##">Administration</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                     <li><a href="##">Maps &amp; Directions</a></li>
                     <li><a href="##">Virtual Tour</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                     <li><a href="##">The New York Climate Exchange</a></li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">News &amp; Publications</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-news-1" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-news-1" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">News</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                           <li><a href="##">Economic Impact</a></li>
                        </ul>
                     </li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">Related Links</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-related-links-1" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-related-links-1" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">Calendars</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                           <li><a href="##">Diversity</a></li>
                           <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                        </ul>
                     </li>
                  </ul>
               </li>
               <li class="has-submenu">
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#admissions">Admissions</a><button class="accordion-toggle" aria-expanded="false" aria-controls="submenu-admissions" aria-label="Expand About submenu"><span class="arrow"></span></button></div>
                  <ul id="submenu-admissions" class="accordion-panel" aria-hidden="true">
                     <li><a href="##">History</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                     <li><a href="##">Administration</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                     <li><a href="##">Maps &amp; Directions</a></li>
                     <li><a href="##">Virtual Tour</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                     <li><a href="##">The New York Climate Exchange</a></li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">News &amp; Publications</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-news-2" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-news-2" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">News</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                           <li><a href="##">Economic Impact</a></li>
                        </ul>
                     </li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">Related Links</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-related-links-2" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-related-links-2" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">Calendars</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                           <li><a href="##">Diversity</a></li>
                           <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                        </ul>
                     </li>
                  </ul>
               </li>
               <li class="has-submenu">
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#academics">Academics</a><button class="accordion-toggle" aria-expanded="false" aria-controls="submenu-academics" aria-label="Expand About submenu"><span class="arrow"></span></button></div>
                  <ul id="submenu-academics" class="accordion-panel" aria-hidden="true">
                     <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                     <li><a href="##">History</a></li>
                     <li><a href="##">Administration</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                     <li><a href="##">Maps &amp; Directions</a></li>
                     <li><a href="##">Virtual Tour</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                     <li><a href="##">The New York Climate Exchange</a></li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">News &amp; Publications</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-news-3" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-news-3" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">News</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                           <li><a href="##">Economic Impact</a></li>
                        </ul>
                     </li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">Related Links</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-related-links-3" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-related-links-3" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">Calendars</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                           <li><a href="##">Diversity</a></li>
                           <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                        </ul>
                     </li>
                  </ul>
               </li>
               <li class="has-submenu">
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#campuslife">Campus Life</a><button class="accordion-toggle" aria-expanded="false" aria-controls="submenu-campus-life" aria-label="Expand About submenu"><span class="arrow"></span></button></div>
                  <ul id="submenu-campus-life" class="accordion-panel" aria-hidden="true">
                     <li><a href="##">History</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                     <li><a href="##">Administration</a></li>
                     <li><a href="##">Maps &amp; Directions</a></li>
                     <li><a href="##">Virtual Tour</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                     <li><a href="##">The New York Climate Exchange</a></li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">News &amp; Publications</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-news-4" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-news-4" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">News</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                           <li><a href="##">Economic Impact</a></li>
                        </ul>
                     </li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">Related Links</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-related-links-4" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-related-links-4" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">Calendars</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                           <li><a href="##">Diversity</a></li>
                           <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                        </ul>
                     </li>
                  </ul>
               </li>
               <li class="has-submenu">
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#research">Research</a><button class="accordion-toggle" aria-expanded="false" aria-controls="submenu-research" aria-label="Expand About submenu"><span class="arrow"></span></button></div>
                  <ul id="submenu-research" class="accordion-panel" aria-hidden="true">
                     <li><a href="##">Administration</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                     <li><a href="##">History</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                     <li><a href="##">Maps &amp; Directions</a></li>
                     <li><a href="##">Virtual Tour</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                     <li><a href="##">The New York Climate Exchange</a></li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">News &amp; Publications</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-news-5" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-news-5" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">News</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                           <li><a href="##">Economic Impact</a></li>
                        </ul>
                     </li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">Related Links</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-related-links-5" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-related-links-5" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">Calendars</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                           <li><a href="##">Diversity</a></li>
                           <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                        </ul>
                     </li>
                  </ul>
               </li>
               <li>
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#athletics">Athletics</a></div>
               </li>
               <li>
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="/medicine" title="Medicine">Medicine</a></div>
               </li>
            </ul>
            <div class="mobile-nav-footer-links">
               <div class="info-logins-grid">
                  <div class="info-column">
                     <h3 class="footer-heading">Info for —</h3>
                     <ul class="footer-link-list">
                        <li><a href="#">Maps and Directions</a></li>
                        <li><a href="##">Virtual Tour</a></li>
                        <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                        <li><a title="Stony Brook Southampton" href="##">Stony Brook Southampton</a></li>
                        <li><a href="###">The New York Climate Exchange</a></li>
                     </ul>
                  </div>
                  <div class="logins-column">
                     <h3 class="footer-heading with-icon"><span class="login-icon" aria-hidden="true"><img src="/_resources/images/logins-icon.svg" alt="" width="16" height="17"></span>
                        				Logins —
                        			</h3>
                     <ul class="footer-link-list">
                        <li><a href="#" target="_blank" rel="noopener">Student Portal</a></li>
                        <li><a href="###">Faculty Portal</a></li>
                        <li><a href="##">Employee Services</a></li>
                        <li><a title="Library Account" href="#">Library Account</a></li>
                        <li><a href="##">Alumni Login</a></li>
                     </ul>
                  </div>
               </div>
            </div>
         </div>
         <div class="bottom-links">
            <ul class="bottom-links-list">
               <li><a href="/apply" target="_blank" rel="noopener">Apply</a></li>
               <li><a href="/visit">Visit</a></li>
               <li><a href="/give">Giving</a></li>
            </ul>
         </div>
      </div>
   </nav>
   <nav class="sticky-nav" aria-label="Sticky Navigation" role="navigation">
      <div class="sticky-search-panel">
         <div class="search-panel-inner"><button class="sb-search-panel-close" aria-label="Close search panel">×</button><div class="sb-search-panel p-4">
               <form class="sb-search-form" action="//stonybrook.edu/search" method="get" role="search" aria-label="Site search">
                  <div class="row g-2 align-items-end">
                     <div class="col-12 col-md"><label for="sb-search-input-sticky" class="visually-hidden">Search Stony Brook University</label><div class="sb-search-input-wrapper"><span class="sb-search-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                 <path d="M7.33333 12.6667C10.2789 12.6667 12.6667 10.2789 12.6667 7.33333C12.6667 4.38781 10.2789 2 7.33333 2C4.38781 2 2 4.38781 2 7.33333C2 10.2789 4.38781 12.6667 7.33333 12.6667Z" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                 <path d="M14 14L11.1 11.1" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><input type="text" id="sb-search-input-sticky" name="q" title="Search stonybrook.edu" value="" size="30" tabindex="41" placeholder="Search Stony Brook University" class="populate form-control"></div>
                     </div>
                     <div class="col-12 col-md-auto"><button type="submit" class="btn btn-dark w-100 text-uppercase sb-search-button">Search</button></div>
                  </div>
               </form>
            </div>
         </div>
      </div>
      <div class="sticky-nav-background"></div>
      <div class="sticky-nav-content d-flex justify-content-between align-items-center">
         <div class="sticky-nav-left">
            <div class="logo"><a href="/"><img src="/_resources/images/sb-logo-sticky.svg" alt="sticky logo"></a></div>
         </div>
         <div class="sticky-nav-right">
            <ul class="sticky-links list-unstyled d-flex mb-0">
               <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-about-sticky" href="#about">About</a><div class="mega-menu" id="mega-about-sticky" role="region" aria-label="About Menu">
                     <div class="nav-wrapper container-xl">
                        <div class="row">
                           <div class="col-lg-4">
                              <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternate"><a class="image-caption" href="#about">About</a></div>
                           </div>
                           <div class="col-lg-8">
                              <div class="mega-link-row custom-mega-gutter">
                                 <div class="left-columns">
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">History</a></li>
                                          <li><a href="##">Administration</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Maps &amp; Directions</a></li>
                                          <li><a href="##">Virtual Tour</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                          <li><a href="##">The New York Climate Exchange</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li class="mega-subheading">News &amp; Publications</li>
                                          <li><a href="##">News</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                          <li><a href="##">Economic Impact</a></li>
                                       </ul>
                                    </div>
                                 </div>
                                 <div class="related-links-col">
                                    <ul class="related-links">
                                       <li class="mega-subheading">Related Links</li>
                                       <li><a href="##">Calendars</a></li>
                                       <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                       <li><a href="##">Diversity</a></li>
                                       <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </li>
               <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-admissions-sticky" href="#admissions">Admissions</a><div class="mega-menu" id="mega-admissions-sticky" role="region" aria-label="About Menu">
                     <div class="nav-wrapper container-xl">
                        <div class="row">
                           <div class="col-lg-4">
                              <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternate text"><a class="image-caption" href="#admissions">Admissions</a></div>
                           </div>
                           <div class="col-lg-8">
                              <div class="mega-link-row custom-mega-gutter">
                                 <div class="left-columns">
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">History</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                          <li><a href="##">Administration</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Maps &amp; Directions</a></li>
                                          <li><a href="##">Virtual Tour</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                          <li><a href="##">The New York Climate Exchange</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li class="mega-subheading">News &amp; Publications</li>
                                          <li><a href="##">News</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                          <li><a href="##">Economic Impact</a></li>
                                       </ul>
                                    </div>
                                 </div>
                                 <div class="related-links-col">
                                    <ul class="related-links">
                                       <li class="mega-subheading">Related Links</li>
                                       <li><a href="##">Calendars</a></li>
                                       <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                       <li><a href="##">Diversity</a></li>
                                       <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </li>
               <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-academics-sticky" href="#academics">Academics</a><div class="mega-menu" id="mega-academics-sticky" role="region" aria-label="About Menu">
                     <div class="nav-wrapper container-xl">
                        <div class="row">
                           <div class="col-lg-4">
                              <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternative text"><a class="image-caption" href="#academics">Academics</a></div>
                           </div>
                           <div class="col-lg-8">
                              <div class="mega-link-row custom-mega-gutter">
                                 <div class="left-columns">
                                    <div class="col">
                                       <ul>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                          <li><a href="##">History</a></li>
                                          <li><a href="##">Administration</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Maps &amp; Directions</a></li>
                                          <li><a href="##">Virtual Tour</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                          <li><a href="##">The New York Climate Exchange</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li class="mega-subheading">News &amp; Publications</li>
                                          <li><a href="##">News</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                          <li><a href="##">Economic Impact</a></li>
                                       </ul>
                                    </div>
                                 </div>
                                 <div class="related-links-col">
                                    <ul class="related-links">
                                       <li class="mega-subheading">Related Links</li>
                                       <li><a href="##">Calendars</a></li>
                                       <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                       <li><a href="##">Diversity</a></li>
                                       <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </li>
               <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-campus-life-sticky" href="#campuslife">Campus Life</a><div class="mega-menu" id="mega-campus-life-sticky" role="region" aria-label="About Menu">
                     <div class="nav-wrapper container-xl">
                        <div class="row">
                           <div class="col-lg-4">
                              <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is alternate text"><a class="image-caption" href="#campuslife">Campus Life</a></div>
                           </div>
                           <div class="col-lg-8">
                              <div class="mega-link-row custom-mega-gutter">
                                 <div class="left-columns">
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">History</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                          <li><a href="##">Administration</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Maps &amp; Directions</a></li>
                                          <li><a href="##">Virtual Tour</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                          <li><a href="##">The New York Climate Exchange</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li class="mega-subheading">News &amp; Publications</li>
                                          <li><a href="##">News</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                          <li><a href="##">Economic Impact</a></li>
                                       </ul>
                                    </div>
                                 </div>
                                 <div class="related-links-col">
                                    <ul class="related-links">
                                       <li class="mega-subheading">Related Links</li>
                                       <li><a href="##">Calendars</a></li>
                                       <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                       <li><a href="##">Diversity</a></li>
                                       <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </li>
               <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-research-sticky" href="#research">Research</a><div class="mega-menu" id="mega-research-sticky" role="region" aria-label="About Menu">
                     <div class="nav-wrapper container-xl">
                        <div class="row">
                           <div class="col-lg-4">
                              <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alt"><a class="image-caption" href="#research">Research</a></div>
                           </div>
                           <div class="col-lg-8">
                              <div class="mega-link-row custom-mega-gutter">
                                 <div class="left-columns">
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Administration</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                          <li><a href="##">History</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Maps &amp; Directions</a></li>
                                          <li><a href="##">Virtual Tour</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                          <li><a href="##">The New York Climate Exchange</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li class="mega-subheading">News &amp; Publications</li>
                                          <li><a href="##">News</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                          <li><a href="##">Economic Impact</a></li>
                                       </ul>
                                    </div>
                                 </div>
                                 <div class="related-links-col">
                                    <ul class="related-links">
                                       <li class="mega-subheading">Related Links</li>
                                       <li><a href="##">Calendars</a></li>
                                       <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                       <li><a href="##">Diversity</a></li>
                                       <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </li>
               <li><a href="#athletics">Athletics</a></li>
               <li class="search-box"><button class="search-toggle" aria-label="Open Search"><svg width="24" height="24" viewBox="0 0 24 24" fill="none">
                        <path d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z" stroke="white" stroke-width="2"></path>
                        <path d="M21 20.9999L16.65 16.6499" stroke="white" stroke-width="2"></path></svg></button></li>
            </ul>
         </div>
      </div>
   </nav>
</header>      		
      <section class="homepage-hero d-none d-lg-block" aria-label="Homepage Hero Section">
         <div class="hero-background">
            <div class="video-container"><video id="hero-video" playsinline="playsinline" autoplay muted>
                  <source src="https://www.stonybrook.edu/far-beyond/video/GIVING-DAY-HOMEPAGE-2025.mp4" type="video/mp4">
                  						Your browser does not support the video tag.
                  					</video><div class="hero-wrapper">
                  <div class="content-banner">
                     <div class="banner-content-wrapper">
                        <div class="banner-content">
                           <h1 class="hero-title">Dare to reach your potential</h1>
                           <p class="hero-subtitle">A dynamic education awaits you at Stony Brook, an internationally recognized research
                              institution that's one of America's most affordable.</p><a class="change-life-btn" title="Change your life" href="##">Change your life</a></div>
                     </div>
                     <div class="banner-content">
                        <div class="keyline" aria-hidden="true"></div>
                        <nav class="bottom-links" aria-label="Quick Links"><a href="#/">Sit amet eu amd tempor</a><a href="###">Lorem ipsum dolor</a></nav>
                     </div><img class="prisms" src="/_resources/images/hero-prisms-v2-01.svg" alt="" aria-hidden="true"></div>
               </div>
               <div class="video-controls"><button class="btn" id="playPauseBtn" aria-label="Pause video"><span class="pause-icon"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16" fill="none">
                           <rect width="4" height="16" fill="white"/>
                           <rect x="10" width="4" height="16" fill="white"/></svg></span><span class="play-icon d-none"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16" fill="none">
                           <path d="M14 8L0 16V0L14 8Z" fill="white"/></svg></span></button></div>
            </div><svg xmlns="http://www.w3.org/2000/svg" class="bg-triangle" width="1200" height="300" viewBox="0 0 1200 300" fill="none" aria-hidden="true">
               <path d="M1200 0V300L200 128L1200 0Z" fill="#1791AD"/></svg><div class="skewed-overlay"></div>
         </div>
         <div class="hero-wrapper">
            <div class="action-buttons"><a class="btn btn-apply" aria-label="Apply Now" href="##">Apply Now</a><a class="btn btn-tour" aria-label="Schedule a Tour" href="#">Schedule a Tour</a><a class="btn btn-info" aria-label="Request Info" href="##">Request Info</a></div>
         </div>
      </section>
      <section class="homepage-hero-tablet d-none d-sm-block d-lg-none" aria-label="Homepage Hero Section">
         <div class="hero-background">
            <div class="hero-image"><img src="/_resources/images/hp-hero-tablet.png" alt="Mobile Hero Image of students on a tablet" aria-hidden="true"></div>
            <div class="hero-wrapper">
               <div class="content-banner">
                  <div class="banner-content-wrapper">
                     <div class="banner-content">
                        <h1 class="hero-title">Dare to reach your potential</h1>
                        <p class="hero-subtitle">A dynamic education awaits you at Stony Brook, an internationally recognized research
                           institution that's one of America's most affordable.</p><a class="change-life-btn" title="Change your life" href="##">Change your life</a></div>
                  </div>
                  <div class="banner-content">
                     <div class="keyline" aria-hidden="true"></div>
                     <nav class="bottom-links" aria-label="Quick Links"><a href="#/">Sit amet eu amd tempor</a><a href="###">Lorem ipsum dolor</a></nav>
                  </div><img class="prisms" src="/_resources/images/hero-prisms-v2-01.svg" alt="" aria-hidden="true"></div>
            </div>
         </div>
         <div class="action-buttons-tablet">
            <div class="row g-0">
               <div class="col-12">
                  <div class="action-buttons-wrapper"><a class="btn btn-apply" aria-label="Apply Now" href="##">Apply Now</a><a class="btn btn-tour" aria-label="Schedule a Tour" href="#">Schedule a Tour</a><a class="btn btn-info" aria-label="Request Info" href="##">Request Info</a></div>
               </div>
            </div>
         </div>
      </section>
      <section class="homepage-hero-mobile d-block d-sm-none" aria-label="Homepage Hero Section Mobile">
         <div class="mobile-action-buttons-container">
            <div class="action-buttons-wrapper"><a class="btn btn-apply" aria-label="Apply Now" href="##">Apply Now</a><a class="btn btn-tour" aria-label="Schedule a Tour" href="#">Schedule a Tour</a><a class="btn btn-info" aria-label="Request Info" href="##">Request Info</a></div>
         </div>
         <div class="mobile-content-area">
            <div class="content-banner">
               <div class="banner-content-wrapper">
                  <div class="banner-content">
                     <h1 class="hero-title">Dare to reach your potential</h1>
                     <p class="hero-subtitle">A dynamic education awaits you at Stony Brook, an internationally recognized research
                        institution that's one of America's most affordable.</p><a class="change-life-btn" title="Change your life" href="##">Change your life</a></div>
               </div>
            </div>
         </div>
      </section>
      <main id="main-content" class="fluid-container main-content" tabindex="-1" role="main" aria-label="Main Content Area">
         	
         <div class="divider divider-24 gradient-specialty-deep-blue-green" role="presentation"></div>
          
         
         
         <section class="news-section" aria-labelledby="news-title">
            <div class="news-header-bar text-white text-center">
               <div class="container-1280">
                  <h2 id="news-title" class="news-title">Daring to Take on the World</h2>
               </div>
            </div>
            <div class="container-1280">
               <h3 id="news-subtitle" class="news-subtitle">News From Stony Brook</h3>
            </div>
            <div class="section-content-wrapper">
               <div class="row gx-4">
                  <div class="col-lg-8 mb-4 mb-lg-0 news-stack border-lg-end">
                     <article class="news-item"><a href="" target="_blank" class="news-feature d-block" aria-labelledby="feature-caption">
                           <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-lg.png" alt="Students and faculty on a boat during Stony Brook University's 64th Commencement" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                 <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                       <defs>
                                          <clipPath id="clip-triangle">
                                             <polygon points="0,100 100,100 100,0"/>
                                          </clipPath>
                                       </defs>
                                       <g clip-path="url(#clip-triangle)">
                                          <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                          <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                          <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                          <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                       </g></svg></div>
                              </div>
                           </div>
                           <div class="news-feature-caption"><span id="feature-caption">Stony Brook University's 64th Commencement Features a Full House</span></div></a></article>
                  </div>
                  <div class="col-lg-4 d-flex flex-column">
                     <div class="news-right-desktop d-none d-lg-block" role="list">
                        <div class="row gx-3 gy-4">
                           <div class="col-lg-6 news-stack border-lg-end d-flex flex-column gap-4">
                              <article class="news-item" role="listitem">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="card1-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-1.png" alt="Student researcher in lab coat holding scientific equipment" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="card1-caption">SB Hospital's Dietetic Interns Battle it Out In</span></div></a></div>
                              </article>
                              <article class="news-item" role="listitem">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="card3-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-3.png" alt="SOCJ Graduate Students Present" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="card3-caption">SOCJ Graduate Students Present</span></div></a></div>
                              </article>
                           </div>
                           <div class="col-lg-6 news-stack d-flex flex-column gap-4">
                              <article class="news-item" role="listitem">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="card2-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-2.png" alt="SB Hospital's Dietetic Interns" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="card2-caption">SB Hospital's Dietetic Interns Battle it Out In</span></div></a></div>
                              </article>
                              <article class="news-item" role="listitem">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="card4-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-4.png" alt="SOCJ Graduate Students Present" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="card4-caption">SOCJ Graduate Students Present</span></div></a></div>
                              </article>
                           </div>
                        </div>
                     </div>
                     <div class="news-right-mobile d-lg-none" role="list">
                        <div class="row gx-3 gy-4">
                           <div class="col-12 col-sm-3" role="listitem">
                              <article class="news-item">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="mobile-card1-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-1.png" alt="Student researcher in lab coat holding scientific equipment" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="mobile-card1-caption">SB Hospital's Dietetic Interns Battle it Out In</span></div></a></div>
                              </article>
                           </div>
                           <div class="col-12 col-sm-3" role="listitem">
                              <article class="news-item">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="mobile-card2-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-2.png" alt="SB Hospital's Dietetic Interns" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="mobile-card2-caption">SB Hospital's Dietetic Interns Battle it Out In</span></div></a></div>
                              </article>
                           </div>
                           <div class="col-12 col-sm-3" role="listitem">
                              <article class="news-item">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="mobile-card3-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-3.png" alt="SOCJ Graduate Students Present" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="mobile-card3-caption">SOCJ Graduate Students Present</span></div></a></div>
                              </article>
                           </div>
                           <div class="col-12 col-sm-3" role="listitem">
                              <article class="news-item">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="mobile-card4-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-4.png" alt="SOCJ Graduate Students Present" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="mobile-card4-caption">SOCJ Graduate Students Present</span></div></a></div>
                              </article>
                           </div>
                        </div>
                     </div>
                     <div class="d-flex justify-content-center mt-4"><a href="#" target="_blank" class="btn btn-see-all" aria-label="View all news stories">See All Stories</a></div>
                  </div>
               </div>
            </div>
         </section> 
         
         
         	
         <div class="divider divider-24 gradient-specialty-deep-blue-green" role="presentation"></div>
          
         
         <section class="belong-section" aria-labelledby="belong-title">
            
            <div class="belong-header-bar">
               
               <h2 id="belong-title" class="belong-title">You Belong Here</h2>
               </div>
            
            <div class="belong-subtitle">
               
               <h3 id="belong-subtitle">See why the brightest minds choose Stony Brook</h3>
               </div>
            <!-- Mobile intro text (visible only xs) -->
            
            <div class="belong-mobile-intro d-sm-none">
               
               <p class="belong-intro-text" aria-label="Introduction">START YOUR SUCCESS STORY AT STONY BROOK, NEW YORK'S FLAGSHIP AND NO. 1 PUBLIC UNIVERSITY</p>
               </div>
            <!-- Desktop/Tablet Layout (576px and up) -->
            
            <div class="section-content-wrapper d-none d-sm-block">
               
               <div class="belong-grid" role="list"><!-- Existing grid items -->
                  
                  <div class="belong-grid-item intro" role="listitem">
                     
                     <p class="belong-intro-text" aria-label="Introduction">START YOUR<br>SUCCESS STORY AT<br>STONY BROOK,<br>NEW YORK'S FLAGSHIP<br>AND NO. 1 PUBLIC<br>UNIVERSITY</p>
                     </div>
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/girl-playing-flute.png" alt="Student playing flute in a practice room"></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat bright-red" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of alumni" data-target="250000">250,000+</span> <span class="stat-label">alumni worldwide</span></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat navy" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Public university in the nation" data-target="26">#26</span> <span class="stat-label">public university in the nation</span></div>
                     </div>
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/cheerleaders-celebrating.png" alt="Cheerleaders celebrating"></div>
                     </div>
                  <!-- Row 2: Items 6-10 -->
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/students-locking-bike.png" alt="Students locking bike"></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat turquoise" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of fields of study" data-target="300">Over 300</span> <span class="stat-label">fields of study</span></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat red" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of alumni" data-target="250000">250,000+</span> <span class="stat-label">alumni worldwide</span></div>
                     </div>
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/students-in-lab.png" alt="Students in laboratory"></div>
                     </div>
                  
                  <div class="belong-grid-item facts-button" role="listitem"><a class="btn btn-facts" href="https://web-test.stonybrook.edu/facts-and-rankings" aria-label="View all Stony Brook facts and rankings"> <span class="btn-text">VIEW ALL<br>FACTS &amp;<br>RANKINGS</span> </a></div>
                  </div>
               </div>
            <!-- Mobile Layout (below 576px) -->
            
            <div class="belong-mobile-grid d-block d-sm-none" role="list"><!-- Row 1: Flute player | Red stat -->
               
               <div class="belong-grid-row">
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/girl-playing-flute.png" alt="Student playing flute in a practice room"></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat bright-red" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of alumni" data-target="250000">250,000+</span> <span class="stat-label">alumni worldwide</span></div>
                     </div>
                  </div>
               <!-- Row 2: Navy stat | Cheerleaders -->
               
               <div class="belong-grid-row">
                  
                  <div class="belong-grid-item belong-stat navy" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Public university in the nation" data-target="26">#26</span> <span class="stat-label">public university in the nation</span></div>
                     </div>
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/cheerleaders-celebrating.png" alt="Cheerleaders celebrating"></div>
                     </div>
                  </div>
               <!-- Row 3: Bike | Turquoise stat -->
               
               <div class="belong-grid-row">
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/students-locking-bike.png" alt="Students locking bike"></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat turquoise" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of fields of study" data-target="300">Over 300</span> <span class="stat-label">fields of study</span></div>
                     </div>
                  </div>
               <!-- Row 4: Red stat | Lab students -->
               
               <div class="belong-grid-row">
                  
                  <div class="belong-grid-item belong-stat red" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of alumni" data-target="250000">250,000+</span> <span class="stat-label">alumni worldwide</span></div>
                     </div>
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/students-in-lab.png" alt="Students in laboratory"></div>
                     </div>
                  </div>
               <!-- Button row (centered) -->
               
               <div class="belong-grid-row button-row">
                  
                  <div class="belong-grid-item facts-button" role="listitem"><a class="btn btn-facts" href="https://web-test.stonybrook.edu/facts-and-rankings" aria-label="View all Stony Brook facts and rankings"> <span class="btn-text">VIEW ALL<br>FACTS &amp;<br>RANKINGS</span> </a></div>
                  </div>
               </div>
            </section>
         
         <section class="path-section" aria-labelledby="path-heading">
            <div class="section-content-wrapper">
               <div class="divider divider-8 gradient-specialty-deep-blue-green" aria-hidden="true"></div>
               <div class="row justify-content-center">
                  <div class="col-12 text-center">
                     <h2 id="path-heading" class="path-heading animate-on-scroll fade-up">Choose the Path to Your Future</h2>
                     <h3 data-delay="200" class="path-subheading animate-on-scroll fade-up">Push boundaries, challenge assumptions, and redefine what's possible</h3>
                  </div>
               </div>
               <div class="row path-cards mt-5">
                  <div class="col-sm-4 col-md-4 col-lg-3 path-card animate-on-scroll fade-right" data-delay="300"><a href="###" target="_blank" class="card" aria-label="Undergraduate">
                        <div class="card-img-container"><img src="/_resources/images/path-female-student-in-lab.png" class="card-img-top" alt="Female undergraduate student conducting research in a laboratory setting"></div>
                        <div class="card-title-wrapper">
                           <h4 class="card-title">Undergraduate</h4>
                        </div>
                        <div class="card-body">
                           <p class="card-text">Suspendisse quis laoreet tortor. Sed sodales enim eu nunc pharetra rutrum. Nam porta
                              nulla non risus porta imperdiet.</p>
                        </div></a></div>
                  <div class="col-sm-4 col-md-4 col-lg-3 path-card animate-on-scroll fade-right" data-delay="300"><a href="#/" target="_blank" class="card" aria-label="Graduate">
                        <div class="card-img-container"><img src="/_resources/images/path-3-students-collaborating.png" class="card-img-top" alt="Three graduate students working together on a research project"></div>
                        <div class="card-title-wrapper">
                           <h4 class="card-title">Graduate</h4>
                        </div>
                        <div class="card-body">
                           <p class="card-text">Suspendisse quis laoreet tortor. Sed sodales enim eu nunc pharetra rutrum. Nam porta
                              nulla non risus porta imperdiet.</p>
                        </div></a></div>
                  <div class="col-sm-4 col-md-4 col-lg-3 path-card animate-on-scroll fade-right" data-delay="300"><a href="##" target="_blank" class="card" aria-label="Professional Dev.">
                        <div class="card-img-container"><img src="/_resources/images/path-student-at-laptop.png" class="card-img-top" alt="Student working on a laptop in a modern learning environment"></div>
                        <div class="card-title-wrapper">
                           <h4 class="card-title">Professional Dev.</h4>
                        </div>
                        <div class="card-body">
                           <p class="card-text">Suspendisse quis laoreet tortor. Sed sodales enim eu nunc pharetra rutrum. Nam porta
                              nulla non risus porta imperdiet.</p>
                        </div></a></div>
                  <div class="col-12 col-md-12 col-lg-3 path-buttons animate-on-scroll fade-left" data-delay="600">
                     <div class="button-wrapper"><button class="path-button majors-minors" aria-label="Major &amp; Minors"><span>MAJOR &amp; MINORS</span></button><button class="path-button schedule-tour" aria-label="Schedule a Tour"><span>SCHEDULE A TOUR</span></button><button class="path-button apply-now" aria-label="Apply Now"><span>APPLY NOW</span></button></div>
                  </div>
               </div>
            </div>
         </section> 
         
         
         <section class="calendar-section">
            <div class="container-fluid">
               <div class="calendar-section__header">
                  <h2>What's Going On</h2>
                  <h3>There's always something interesting happening at The Brook</h3>
               </div>
               <div class="row">
                  <div class="col-lg-6 col-md-6">
                     <div class="row calendar-inner-row"><h3>Nothing matching that URL</h3>                        <div class="col-md-7 calendar-section__content-col">
                           <div class="calendar-section__countdown">
                              <div class="countdown-item" aria-label="00 Days">
                                 <div class="number">00</div>
                                 <div class="label">DAYS</div>
                              </div>
                              <div class="countdown-item" aria-label="04 Hours">
                                 <div class="number">00</div>
                                 <div class="label">HOURS</div>
                              </div>
                              <div class="countdown-item" aria-label="31 Minutes">
                                 <div class="number">00</div>
                                 <div class="label">MINS</div>
                              </div>
                              <div class="countdown-item" aria-label="19 Seconds">
                                 <div class="number">00</div>
                                 <div class="label">SECS</div>
                              </div>
                           </div>
                           <div class="calendar-section__save-date"><h3>Nothing matching that URL</h3></div>
                           <div class="calendar-section__buttons"><a href="##" target="_blank" class="btn btn-global btn-global--white-transparent-black-hover">Learn More</a><a href="#" target="_blank" class="btn btn-global btn-global--white-transparent-black-hover">Register</a></div>
                        </div>
                     </div>
                  </div>
                  <div class="col-lg-6 col-md-6">
                     <div class="calendar-section__events">
                        <div class="row calendar-inner-row"><div class="col-6 calendar-section__events-col calendar-section__events-col--left">	<ul class="calendar-section__events-list"><li class="calendar-section__events-item">	<div class="date" aria-label="August 6">		<div class="day">06</div>		<div class="month">Aug</div>	</div>	<div class="content">	<p>Pollock-Krasner House and Study Center: Family Tour and  Drip Painting Workshops</p>	</div></li><li class="calendar-section__events-item">	<div class="date" aria-label="August 9">		<div class="day">09</div>		<div class="month">Aug</div>	</div>	<div class="content">	<p>Pollock-Krasner House and Study Center: Family Tour and  Drip Painting Workshops</p>	</div></li>	</ul></div></div>
                        <div class="calendar-section__buttons"><a href="/events" target="_blank" class="btn btn-global btn-global--white-transparent-black-hover">See All Events</a></div>
                     </div>
                  </div>
               </div>
            </div>
         </section> 
         
         
         <section class="sb-campuslife-section" aria-label="Campus Life Navigation">
            <div class="section-content-wrapper">
               <h2 class="visually-hidden">Campus Life</h2>
               <div class="top-row" role="list">
                  <div class="sb-campuslife-circle" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/studentlife/" target="_blank" aria-label="Student Life">
                        <div class="sb-campuslife-container"><img src="/_resources/images/circle-button-student-life.jpg" alt="This is an alternate"><div class="sb-campuslife-gradient" aria-hidden="true"></div>
                           <div class="sb-campuslife-title">STUDENT LIFE</div>
                        </div></a></div>
                  <div class="sb-campuslife-circle" role="listitem"><a href="https://www.stonybrook.edu/campus-life/arts-and-culture/" target="_blank" aria-label="Arts &amp; Culture">
                        <div class="sb-campuslife-container"><img src="/_resources/images/circle-button-arts-culture.jpg" alt="Woman painting"><div class="sb-campuslife-gradient" aria-hidden="true"></div>
                           <div class="sb-campuslife-title">ARTS &amp; CULTURE</div>
                        </div></a></div>
               </div>
               <div class="bottom-row" role="list">
                  <div class="sb-campuslife-circle" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/health-wellness/" target="_blank" aria-label="Health &amp; Safety">
                        <div class="sb-campuslife-container"><img src="/_resources/images/circle-button-health-safety.jpg" alt="Student in the lab"><div class="sb-campuslife-gradient" aria-hidden="true"></div>
                           <div class="sb-campuslife-title">HEALTH &amp; SAFETY</div>
                        </div></a></div>
                  <div class="sb-campuslife-circle" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/sac/get_involved.php" target="_blank" aria-label="Student Involvement">
                        <div class="sb-campuslife-container"><img src="/_resources/images/circle-button-student-involvement.jpg" alt="Two students running in the park"><div class="sb-campuslife-gradient" aria-hidden="true"></div>
                           <div class="sb-campuslife-title">STUDENT INVOLVEMENT</div>
                        </div></a></div>
                  <div class="sb-campuslife-circle sb-explore-circle" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/stu/" target="_blank" aria-label="ExploreCampus Life">
                        <div class="sb-campuslife-container">
                           <div class="sb-campuslife-title explore">
                              <div class="text-container">
                                 <div class="explore-line">EXPLORE <img class="arrow-img" src="/_resources/images/campus-life-arrow.svg" alt="arrow" aria-hidden="true"></div>
                                 <div class="campus-line">CAMPUS LIFE</div>
                              </div>
                           </div>
                        </div></a></div>
               </div>
            </div>
         </section>
         <section class="sb-campuslife-mobile" aria-label="Campus Life Navigation for Mobile Devices">
            <h2 class="visually-hidden">Campus Life</h2>
            <div role="list" class="mobile-row">
               <div class="sb-circle-mobile" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/studentlife/" target="_blank" aria-label="Student Life">
                     <div class="sb-circle-container-mobile"><img src="/_resources/images/circle-button-student-life.jpg" alt=""><div class="sb-circle-gradient-mobile" aria-hidden="true"></div>
                        <div class="sb-circle-title-mobile">STUDENT LIFE</div>
                     </div></a></div>
               <div class="sb-circle-mobile" role="listitem"><a href="https://www.stonybrook.edu/campus-life/arts-and-culture/" target="_blank" aria-label="Arts &amp; Culture">
                     <div class="sb-circle-container-mobile"><img src="/_resources/images/circle-button-arts-culture.jpg" alt=""><div class="sb-circle-gradient-mobile" aria-hidden="true"></div>
                        <div class="sb-circle-title-mobile">ARTS &amp; CULTURE</div>
                     </div></a></div>
            </div>
            <div role="list" class="mobile-row">
               <div class="sb-circle-mobile" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/health-wellness/" target="_blank" aria-label="Health &amp; Safety">
                     <div class="sb-circle-container-mobile"><img src="/_resources/images/circle-button-health-safety.jpg" alt=""><div class="sb-circle-gradient-mobile" aria-hidden="true"></div>
                        <div class="sb-circle-title-mobile">HEALTH &amp; SAFETY</div>
                     </div></a></div>
               <div class="sb-circle-mobile" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/sac/get_involved.php" target="_blank" aria-label="Student Involvement">
                     <div class="sb-circle-container-mobile"><img src="/_resources/images/circle-button-student-involvement.jpg" alt=""><div class="sb-circle-gradient-mobile" aria-hidden="true"></div>
                        <div class="sb-circle-title-mobile">STUDENT INVOLVEMENT</div>
                     </div></a></div>
            </div>
            <div role="list" class="mobile-row">
               <div class="sb-circle-mobile sb-explore-circle-mobile" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/stu/" target="_blank" aria-label="ExploreCampus Life">
                     <div class="sb-circle-container-mobile">
                        <div class="sb-circle-title-mobile">
                           <div class="text-container-mobile">
                              <div class="explore-line-mobile">EXPLORE <img class="arrow-img-mobile" src="/_resources/images/campus-life-arrow.svg" alt="mobile arrow" aria-hidden="true"></div>
                              <div class="campus-line-mobile">CAMPUS LIFE</div>
                           </div>
                        </div>
                     </div></a></div>
            </div>
         </section>
         
         
         	
         <div class="divider divider-24 gradient-specialty-deep-blue-green" role="presentation"></div>
          
         
         
         <section class="sb-hp-carousel-wrapper" aria-label="Meet Our Seawolves Carousel">
            <div class="sb-hp-carousel-intro">
               <h2 class="sb-hp-carousel-title">Meet Our Seawolves</h2>
               <h3 class="sb-hp-carousel-subtitle">Meet the innovators, change-makers, and visionaries shaping tomorrow</h3>
            </div>
            <div class="sb-hp-carousel slick-carousel" role="region" aria-roledescription="carousel">
               <div class="sb-hp-carousel-item">
                  <div class="sb-hp-carousel-inner">
                     <div class="sb-hp-carousel-image"><img src="/_resources/images/hp-carousel-placeholder-image.jpg" alt="./ikmagealt" loading="lazy"></div>
                     <div class="sb-hp-carousel-content">
                        <h4 class="sb-hp-carousel-name">Name</h4>
                        <p class="sb-hp-carousel-text">Donec ac tempor ipsum, sit amet pellentesque augue. Curabitur vel ante suscipit, dapibus
                           justo sed, dapibus mi. Proin non ullamcorper metus. Vestibulum non porttitor turpis,
                           sit.</p><a href="###" target="_blank" class="sb-hp-carousel-link" aria-label="Learn More">Learn More</a></div>
                  </div>
               </div>
               <div class="sb-hp-carousel-item">
                  <div class="sb-hp-carousel-inner">
                     <div class="sb-hp-carousel-image"><img src="/_resources/images/hp-carousel-placeholder-image.jpg" alt="./ikmagealt" loading="lazy"></div>
                     <div class="sb-hp-carousel-content">
                        <h1 class="sb-hp-carousel-name">Another Name</h1>
                        <p class="sb-hp-carousel-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt
                           ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p><a href="##" target="_blank" class="sb-hp-carousel-link" aria-label="Learn More">Learn More</a></div>
                  </div>
               </div>
               <div class="sb-hp-carousel-item">
                  <div class="sb-hp-carousel-inner">
                     <div class="sb-hp-carousel-image"><img src="/_resources/images/hp-carousel-placeholder-image.jpg" alt="./ikmagealt" loading="lazy"></div>
                     <div class="sb-hp-carousel-content">
                        <h1 class="sb-hp-carousel-name">Another Name</h1>
                        <p class="sb-hp-carousel-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt
                           ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p><a href="#" target="_blank" class="sb-hp-carousel-link" aria-label="Learn More">Learn More</a></div>
                  </div>
               </div>
               <div class="sb-hp-carousel-item">
                  <div class="sb-hp-carousel-inner">
                     <div class="sb-hp-carousel-image"><img src="/_resources/images/hp-carousel-placeholder-image.jpg" alt="./ikmagealt" loading="lazy"></div>
                     <div class="sb-hp-carousel-content">
                        <h1 class="sb-hp-carousel-name">Another Name</h1>
                        <p class="sb-hp-carousel-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt
                           ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p><a href="#/" target="_blank" class="sb-hp-carousel-link" aria-label="Learn More">Learn More</a></div>
                  </div>
               </div>
               <div class="sb-hp-carousel-item">
                  <div class="sb-hp-carousel-inner">
                     <div class="sb-hp-carousel-image"><img src="/_resources/images/hp-carousel-placeholder-image.jpg" alt="./ikmagealt" loading="lazy"></div>
                     <div class="sb-hp-carousel-content">
                        <h1 class="sb-hp-carousel-name">Another Name</h1>
                        <p class="sb-hp-carousel-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt
                           ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p><a href="####" target="_blank" class="sb-hp-carousel-link" aria-label="Learn More">Learn More</a></div>
                  </div>
               </div>
            </div>
         </section>
      </main>
      <div class="divider divider-24 gradient-specialty-deep-blue-green"></div><footer class="sb-footer">
   <div class="section-content-wrapper">
      <div class="sb-footer-cta-row d-flex flex-wrap align-items-center justify-content-start mb-5">
         <h2 class="sb-footer-heading mb-0">Want to learn more about SBU?</h2><a class="btn sb-footer-cta" title="Request Information" href="#/">Request Information</a></div>
      <div class="row gy-5 align-items-start">
         <div class="col-12 col-md-8">
            <div class="row gy-4">
               <div class="col-12 col-sm-6 col-md-6 col-lg-3">
                  <h3 class="sb-footer-title">About SBU</h3>
                  <ul class="sb-footer-links">
                     <li><a href="#" target="_blank" rel="noopener">Contact</a></li>
                     <li><a href="#">Fast Facts</a></li>
                     <li><a href="#" title="News">News</a></li>
                     <li><a href="#">For Media</a></li>
                     <li><a href="#">Careers</a></li>
                  </ul>
               </div>
               <div class="col-12 col-sm-6 col-md-6 col-lg-3">
                  <h3 class="sb-footer-title">Education</h3>
                  <ul class="sb-footer-links">
                     <li><a href="#">Majors &amp; Minors</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Colleges &amp; Schools</a></li>
                     <li><a href="#" target="_blank" rel="noopener">University Catalogs</a></li>
                     <li><a href="#">Brightspace</a></li>
                     <li><a href="#" title="Careers">Careers</a></li>
                  </ul>
               </div>
               <div class="col-12 col-sm-6 col-md-6 col-lg-3">
                  <h3 class="sb-footer-title">Resources</h3>
                  <ul class="sb-footer-links">
                     <li><a href="#" title="Academic Calendar">Academic Calendar</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Undergraduate Bulletin</a></li>
                     <li><a href="#">Graduate Bulletin</a></li>
                     <li><a href="#">Health Sciences Bulletin</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Libraries</a></li>
                  </ul>
               </div>
               <div class="col-12 col-sm-6 col-md-6 col-lg-3">
                  <h3 class="sb-footer-title">Find</h3>
                  <ul class="sb-footer-links">
                     <li><a href="#">People Directory</a></li>
                     <li><a href="#">A–Z Web Directory</a></li>
                     <li><a href="#">Calendars</a></li>
                     <li><a href="#" title="Jobs">Jobs</a></li>
                     <li><a href="#">Maps &amp; Directions</a></li>
                     <li><a href="#">Parking</a></li>
                  </ul>
               </div>
            </div>
         </div>
         <div class="col-12 col-md-4 d-flex justify-content-end sb-footer-logo-col">
            <div class="footer-brand text-center"><img src="/_resources/images/sb-logo-horizontal.png" alt="footer-logo" class="sb-footer-logo mb-2"><div class="sb-footer-social"><span class="follow-label">Follow Us</span><ul class="list-inline mt-2">
                     <li class="list-inline-item"><a href="https://www.facebook.com" aria-label="Facebook"><svg xmlns="http://www.w3.org/2000/svg" role="img" focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                              <title>Facebook</title>
                              <path fill="currentColor" d="M12 0C5.37264 0 0 5.37264 0 12C0 17.6275 3.87456 22.3498 9.10128 23.6467V15.6672H6.62688V12H9.10128V10.4198C9.10128 6.33552 10.9498 4.4424 14.9597 4.4424C15.72 4.4424 17.0318 4.59168 17.5685 4.74048V8.06448C17.2853 8.03472 16.7933 8.01984 16.1822 8.01984C14.2147 8.01984 13.4544 8.76528 13.4544 10.703V12H17.3741L16.7006 15.6672H13.4544V23.9122C19.3963 23.1946 24.0005 18.1354 24.0005 12C24 5.37264 18.6274 0 12 0Z"/></svg></a></li>
                     <li class="list-inline-item"><a href="https://www.instagram.com" aria-label="Instagram"><svg xmlns="http://www.w3.org/2000/svg" role="img" focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                              <title>Instagram</title>
                              <g clip-path="url(#clip0)">
                                 <path fill="currentColor" d="M12 2.16094C15.2063 2.16094 15.5859 2.175 16.8469 2.23125C18.0188 2.28281 18.6516 2.47969 19.0734 2.64375C19.6313 2.85938 20.0344 3.12188 20.4516 3.53906C20.8734 3.96094 21.1313 4.35938 21.3469 4.91719C21.5109 5.33906 21.7078 5.97656 21.7594 7.14375C21.8156 8.40937 21.8297 8.78906 21.8297 11.9906C21.8297 15.1969 21.8156 15.5766 21.7594 16.8375C21.7078 18.0094 21.5109 18.6422 21.3469 19.0641C21.1313 19.6219 20.8687 20.025 20.4516 20.4422C20.0297 20.8641 19.6313 21.1219 19.0734 21.3375C18.6516 21.5016 18.0141 21.6984 16.8469 21.75C15.5813 21.8062 15.2016 21.8203 12 21.8203C8.79375 21.8203 8.41406 21.8062 7.15313 21.75C5.98125 21.6984 5.34844 21.5016 4.92656 21.3375C4.36875 21.1219 3.96563 20.8594 3.54844 20.4422C3.12656 20.0203 2.86875 19.6219 2.65313 19.0641C2.48906 18.6422 2.29219 18.0047 2.24063 16.8375C2.18438 15.5719 2.17031 15.1922 2.17031 11.9906C2.17031 8.78438 2.18438 8.40469 2.24063 7.14375C2.29219 5.97187 2.48906 5.33906 2.65313 4.91719C2.86875 4.35938 3.13125 3.95625 3.54844 3.53906C3.97031 3.11719 4.36875 2.85938 4.92656 2.64375C5.34844 2.47969 5.98594 2.28281 7.15313 2.23125C8.41406 2.175 8.79375 2.16094 12 2.16094ZM12 0C8.74219 0 8.33438 0.0140625 7.05469 0.0703125C5.77969 0.126563 4.90313 0.332812 4.14375 0.628125C3.35156 0.9375 2.68125 1.34531 2.01563 2.01562C1.34531 2.68125 0.9375 3.35156 0.628125 4.13906C0.332812 4.90313 0.126563 5.775 0.0703125 7.05C0.0140625 8.33437 0 8.74219 0 12C0 15.2578 0.0140625 15.6656 0.0703125 16.9453C0.126563 18.2203 0.332812 19.0969 0.628125 19.8563C0.9375 20.6484 1.34531 21.3188 2.01563 21.9844C2.68125 22.65 3.35156 23.0625 4.13906 23.3672C4.90313 23.6625 5.775 23.8687 7.05 23.925C8.32969 23.9812 8.7375 23.9953 11.9953 23.9953C15.2531 23.9953 15.6609 23.9812 16.9406 23.925C18.2156 23.8687 19.0922 23.6625 19.8516 23.3672C20.6391 23.0625 21.3094 22.65 21.975 21.9844C22.6406 21.3188 23.0531 20.6484 23.3578 19.8609C23.6531 19.0969 23.8594 18.225 23.9156 16.95C23.9719 15.6703 23.9859 15.2625 23.9859 12.0047C23.9859 8.74688 23.9719 8.33906 23.9156 7.05938C23.8594 5.78438 23.6531 4.90781 23.3578 4.14844C23.0625 3.35156 22.6547 2.68125 21.9844 2.01562C21.3188 1.35 20.6484 0.9375 19.8609 0.632812C19.0969 0.3375 18.225 0.13125 16.95 0.075C15.6656 0.0140625 15.2578 0 12 0Z"/>
                                 <path fill="currentColor" d="M12 5.83594C8.59688 5.83594 5.83594 8.59688 5.83594 12C5.83594 15.4031 8.59688 18.1641 12 18.1641C15.4031 18.1641 18.1641 15.4031 18.1641 12C18.1641 8.59688 15.4031 5.83594 12 5.83594ZM12 15.9984C9.79219 15.9984 8.00156 14.2078 8.00156 12C8.00156 9.79219 9.79219 8.00156 12 8.00156C14.2078 8.00156 15.9984 9.79219 15.9984 12C15.9984 14.2078 14.2078 15.9984 12 15.9984Z"/>
                                 <path fill="currentColor" d="M19.8469 5.59214C19.8469 6.38902 19.2 7.0312 18.4078 7.0312C17.6109 7.0312 16.9688 6.38433 16.9688 5.59214C16.9688 4.79526 17.6156 4.15308 18.4078 4.15308C19.2 4.15308 19.8469 4.79995 19.8469 5.59214Z"/>
                              </g>
                              <defs>
                                 <clipPath id="clip0">
                                    <rect width="24" height="24" fill="white"/>
                                 </clipPath>
                              </defs></svg></a></li>
                     <li class="list-inline-item"><a href="https://www.linkedin.com" aria-label="LinkedIn"><svg xmlns="http://www.w3.org/2000/svg" role="img" focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                              <title>LinkedIn</title>
                              <path fill="currentColor" d="M22.2234 0H1.77187C0.792187 0 0 0.773438 0 1.72969V22.2656C0 23.2219 0.792187 24 1.77187 24H22.2234C23.2031 24 24 23.2219 24 22.2703V1.72969C24 0.773438 23.2031 0 22.2234 0ZM7.12031 20.4516H3.55781V8.99531H7.12031V20.4516ZM5.33906 7.43438C4.19531 7.43438 3.27188 6.51094 3.27188 5.37187C3.27188 4.23281 4.19531 3.30937 5.33906 3.30937C6.47813 3.30937 7.40156 4.23281 7.40156 5.37187C7.40156 6.50625 6.47813 7.43438 5.33906 7.43438ZM20.4516 20.4516H16.8937V14.8828C16.8937 13.5562 16.8703 11.8453 15.0422 11.8453C13.1906 11.8453 12.9094 13.2937 12.9094 14.7891V20.4516H9.35625V8.99531H12.7687V10.5609H12.8156C13.2891 9.66094 14.4516 8.70938 16.1813 8.70938C19.7859 8.70938 20.4516 11.0813 20.4516 14.1656V20.4516Z"/></svg></a></li>
                     <li class="list-inline-item"><a href="https://www.x.com" aria-label="X"><svg xmlns="http://www.w3.org/2000/svg" role="img" focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                              <title>X (Twitter)</title>
                              <path fill="currentColor" d="M18.3263 1.9039H21.6998L14.3297 10.3274L23 21.7899H16.2112L10.894 14.8379L4.80995 21.7899H1.43443L9.31743 12.78L1 1.9039H7.96111L12.7674 8.25823L18.3263 1.9039ZM17.1423 19.7707H19.0116L6.94539 3.81703H4.93946L17.1423 19.7707Z"/></svg></a></li>
                     <li class="list-inline-item"><a href="https://www.youtube.com" aria-label="YouTube"><svg xmlns="http://www.w3.org/2000/svg" role="img" focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                              <title>YouTube</title>
                              <path fill="currentColor" d="M23.7609 7.20005C23.7609 7.20005 23.5266 5.54536 22.8047 4.8188C21.8906 3.86255 20.8688 3.85786 20.4 3.80161C17.0438 3.55786 12.0047 3.55786 12.0047 3.55786H11.9953C11.9953 3.55786 6.95625 3.55786 3.6 3.80161C3.13125 3.85786 2.10938 3.86255 1.19531 4.8188C0.473438 5.54536 0.24375 7.20005 0.24375 7.20005C0.24375 7.20005 0 9.14536 0 11.086V12.9047C0 14.8454 0.239062 16.7907 0.239062 16.7907C0.239062 16.7907 0.473437 18.4454 1.19062 19.1719C2.10469 20.1282 3.30469 20.0954 3.83906 20.1985C5.76094 20.3813 12 20.4375 12 20.4375C12 20.4375 17.0438 20.4282 20.4 20.1891C20.8688 20.1329 21.8906 20.1282 22.8047 19.1719C23.5266 18.4454 23.7609 16.7907 23.7609 16.7907C23.7609 16.7907 24 14.85 24 12.9047V11.086C24 9.14536 23.7609 7.20005 23.7609 7.20005ZM9.52031 15.1125V8.36724L16.0031 11.7516L9.52031 15.1125Z"/></svg></a></li>
                  </ul>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="sb-sub-footer py-4">
   <div class="section-content-wrapper text-center small">
      <div class="sb-sub-footer-meta mb-2"><span id="directedit">©</span> 2025 Stony Brook University | 100 Nicolls Road, Stony Brook, NY 11794 | (631) 632-6000 | <a href="/contact.php">Contact</a></div>
      <div class="sb-sub-footer-links"><a href="#" target="_blank" rel="noopener">Accessibility</a> | <a href="#">Privacy Policy</a> | <a href="#">Sustainability</a> | <a title="Diversity Discrimination" href="#">Diversity Discrimination</a> | <a href="#" target="_blank" rel="noopener">Sexual Misconduct</a> | <a href="#">Accessibility Barrier</a></div>
      <div class="sb-sub-footer-disclaimer mt-2">Stony Brook University resides on the ancestral, traditional, and contemporary lands
         of the aboriginal territory of the Setauket or the Setalcott tribe. We acknowledge
         federal and state recognized tribes who live here now and those who were forcibly
         removed from their homelands. In offering this land acknowledgement, we affirm indigenous
         sovereignty, history, and experience.</div>
   </div>
</div></footer><ouc:editor wysiwyg="no"/>
<!-- Scripts -->
<script src="/_resources/js/bootstrap.bundle.min.js" defer="defer"></script>
<!-- jQuery is required for Slick Slider functionality -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<script src="/_resources/js/sb-main.js" defer="defer"></script>
<script src="/_resources/js/sb-animations.js" defer="defer"></script>
<script src="/_resources/js/vendor/slick.min.js" defer="defer"></script>
<script src="/_resources/js/sb-homepage-hero.js" defer="defer"></script>
      <div id="ou-hidden" style="display:none;"><!-- com.omniupdate.ob --><a id="de" rel="nofollow" href="https://a.cms.omniupdate.com/11/?skin=oucampus&amp;account=suny-stonybrook&amp;site=stonybrook&amp;action=de&amp;path=/_showcase/index.pcf">&copy;</a><!-- /com.omniupdate.ob --></div><script>
			if(document.getElementById("de") != null && document.getElementById("directedit")) {
				var link = document.getElementById("de").parentNode.innerHTML;
				document.getElementById("de").parentNode.innerHTML = "";
				document.getElementById("directedit").innerHTML = link.replace(/^\s+|\s+$/gm,'');
			}
		</script><!-- ouc:info uuid="efd93f71-7f25-49b8-a190-0a94b3c84449"/ --></body>
</html>
          Parameter 
          https://code.jquery.com/jquery-3.6.0.min.js
          Evidence 
          <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
          Solution

          Ensure JavaScript source files are loaded from only trusted sources, and the sources can't be controlled by end users of the application.
      2. Server Leaks Information via "X-Powered-By" HTTP Response Header Field(s) (1)
        1. GET https://web-test.stonybrook.edu/_showcase/index.php
          Alert tags
          Alert description

          The web/application server is leaking information via one or more "X-Powered-By" HTTP response headers. Access to such information may facilitate attackers identifying other frameworks/components your web application is reliant upon and the vulnerabilities such components may be subject to.
          Request
          Request line and header section (281 bytes) 
          GET https://web-test.stonybrook.edu/_showcase/index.php HTTP/1.1
host: web-test.stonybrook.edu
user-agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36 OPR/102.0.0.0
pragma: no-cache
cache-control: no-cache
          Request body (0 bytes)
          Response
          Status line and header section (220 bytes) 
          HTTP/1.1 200 OK
Date: Wed, 06 Aug 2025 16:03:07 GMT
Server: Apache
X-Powered-By: PHP/7.2.24
X-Frame-Options: DENY
SERVER-ID: {NODE-NAME}.{NODE-ENV}
Content-Type: text/html; charset=UTF-8
content-length: 130771
          Response body (130771 bytes) 
          <!DOCTYPE HTML><html lang="en">
   <head>
      <meta charset="UTF-8">
      <meta http-equiv="x-ua-compatible" content="ie=edge">
      <title>Home</title>
      <link rel="canonical" href="https://web-test.stonybrook.edu/_showcase/index.php">
      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
      <ouc:editor wysiwyg="no"/>
<!-- this is the headcode include -->
<link rel="apple-touch-icon" href="https://www.stonybrook.edu/commcms/_resources/favicon/apple-touch-icon.png"/>
<link rel="apple-touch-icon" sizes="144x144" href="https://www.stonybrook.edu/commcms/_resources/favicon/apple-touch-icon-144x144-precomposed.png"/>
<link rel="icon" href="https://www.stonybrook.edu/commcms/_resources/favicon/apple-touch-icon.png"/>
<!-- Preload Fonts for Faster Rendering -->
<link rel="preload" href="https://fonts.googleapis.com/css2?family=Alumni+Sans:wght@400;500;600;700;800&family=Barlow:wght@400;500;600;700&family=Barlow+Semi+Condensed:wght@400;500;600;700&family=Bitter:wght@400;600;700&display=swap" as="style" />

<!-- Load Fonts Early -->
<link href="https://fonts.googleapis.com/css2?family=Alumni+Sans:wght@400;500;600;700;800&family=Barlow:wght@400;500;600;700&family=Barlow+Semi+Condensed:wght@400;500;600;700&family=Bitter:wght@400;600;700&display=swap" rel="stylesheet"/>

<!-- Load Main Styles -->
<link rel="stylesheet" href="/_resources/css/sb-main.css"/><ouc:editor wysiwyg="no"/>
<!-- Insert google analytics here -->
</head>
   <body><ouc:editor wysiwyg="no"/><!-- <?pcf-stylesheet path="/_resources/xsl/_widgets/header.xsl" title="Mobile" alternate="no" publish="yes" extension=".mobile.html"?> --><header class="container-fluid no-gutter"><a href="#main-content" class="skip-link">Skip to main content</a><nav class="desktop-nav" role="navigation" aria-label="Main Navigation">
      <div class="top-nav-wrapper">
         <div class="nav-wrapper container-xl">
            <div class="top-nav d-flex justify-content-between align-items-center">
               <div class="top-nav-left">
                  <ul>
                     <li><a href="/apply" target="_blank" rel="noopener">Apply</a></li>
                     <li><a href="/visit">Visit</a></li>
                     <li><a href="/give">Giving</a></li>
                     <li><a href="/medicine" title="Medicine">Medicine</a></li>
                  </ul>
               </div>
               <ul class="top-nav-right">
                  <li class="dropdown"><a href="#" aria-haspopup="true" aria-expanded="false">Resources For  ▾</a><ul class="dropdown-menu">
                        <li><a href="#">Maps and Directions</a></li>
                        <li><a href="##">Virtual Tour</a></li>
                        <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                        <li><a title="Stony Brook Southampton" href="##">Stony Brook Southampton</a></li>
                        <li><a href="###">The New York Climate Exchange</a></li>
                     </ul>
                  </li>
                  <li class="dropdown"><a href="#" aria-haspopup="true" aria-expanded="false">Logins  ▾</a><ul class="dropdown-menu">
                        <li><a href="#" target="_blank" rel="noopener">Student Portal</a></li>
                        <li><a href="###">Faculty Portal</a></li>
                        <li><a href="##">Employee Services</a></li>
                        <li><a title="Library Account" href="#">Library Account</a></li>
                        <li><a href="##">Alumni Login</a></li>
                     </ul>
                  </li>
                  <li class="search-box"><button class="search-toggle" aria-label="Open Search"><svg width="24" height="24" viewBox="0 0 24 24" fill="none">
                           <path d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z" stroke="white" stroke-width="2"></path>
                           <path d="M21 20.9999L16.65 16.6499" stroke="white" stroke-width="2"></path></svg></button></li>
               </ul>
            </div>
         </div>
      </div>
      <div class="primary-nav-wrapper">
         <div class="nav-wrapper container-xl">
            <div class="primary-nav d-flex justify-content-between align-items-center">
               <div class="logo"><a href="/"><img src="/_resources/images/sb-logo-desktop.svg" alt="logo"></a></div>
               <ul class="primary-links">
                  <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-about" href="#about">About</a><div class="mega-menu" id="mega-about" role="region" aria-label="About Menu">
                        <div class="nav-wrapper container-xl">
                           <div class="row">
                              <div class="col-lg-4">
                                 <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternate"><a class="image-caption" href="#about">About</a></div>
                              </div>
                              <div class="col-lg-8">
                                 <div class="mega-link-row custom-mega-gutter">
                                    <div class="left-columns">
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">History</a></li>
                                             <li><a href="##">Administration</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Maps &amp; Directions</a></li>
                                             <li><a href="##">Virtual Tour</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                             <li><a href="##">The New York Climate Exchange</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li class="mega-subheading">News &amp; Publications</li>
                                             <li><a href="##">News</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                             <li><a href="##">Economic Impact</a></li>
                                          </ul>
                                       </div>
                                    </div>
                                    <div class="related-links-col">
                                       <ul class="related-links">
                                          <li class="mega-subheading">Related Links</li>
                                          <li><a href="##">Calendars</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                          <li><a href="##">Diversity</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </li>
                  <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-admissions" href="#admissions">Admissions</a><div class="mega-menu" id="mega-admissions" role="region" aria-label="About Menu">
                        <div class="nav-wrapper container-xl">
                           <div class="row">
                              <div class="col-lg-4">
                                 <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternate text"><a class="image-caption" href="#admissions">Admissions</a></div>
                              </div>
                              <div class="col-lg-8">
                                 <div class="mega-link-row custom-mega-gutter">
                                    <div class="left-columns">
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">History</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                             <li><a href="##">Administration</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Maps &amp; Directions</a></li>
                                             <li><a href="##">Virtual Tour</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                             <li><a href="##">The New York Climate Exchange</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li class="mega-subheading">News &amp; Publications</li>
                                             <li><a href="##">News</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                             <li><a href="##">Economic Impact</a></li>
                                          </ul>
                                       </div>
                                    </div>
                                    <div class="related-links-col">
                                       <ul class="related-links">
                                          <li class="mega-subheading">Related Links</li>
                                          <li><a href="##">Calendars</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                          <li><a href="##">Diversity</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </li>
                  <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-academics" href="#academics">Academics</a><div class="mega-menu" id="mega-academics" role="region" aria-label="About Menu">
                        <div class="nav-wrapper container-xl">
                           <div class="row">
                              <div class="col-lg-4">
                                 <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternative text"><a class="image-caption" href="#academics">Academics</a></div>
                              </div>
                              <div class="col-lg-8">
                                 <div class="mega-link-row custom-mega-gutter">
                                    <div class="left-columns">
                                       <div class="col">
                                          <ul>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                             <li><a href="##">History</a></li>
                                             <li><a href="##">Administration</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Maps &amp; Directions</a></li>
                                             <li><a href="##">Virtual Tour</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                             <li><a href="##">The New York Climate Exchange</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li class="mega-subheading">News &amp; Publications</li>
                                             <li><a href="##">News</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                             <li><a href="##">Economic Impact</a></li>
                                          </ul>
                                       </div>
                                    </div>
                                    <div class="related-links-col">
                                       <ul class="related-links">
                                          <li class="mega-subheading">Related Links</li>
                                          <li><a href="##">Calendars</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                          <li><a href="##">Diversity</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </li>
                  <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-campus-life" href="#campuslife">Campus Life</a><div class="mega-menu" id="mega-campus-life" role="region" aria-label="About Menu">
                        <div class="nav-wrapper container-xl">
                           <div class="row">
                              <div class="col-lg-4">
                                 <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is alternate text"><a class="image-caption" href="#campuslife">Campus Life</a></div>
                              </div>
                              <div class="col-lg-8">
                                 <div class="mega-link-row custom-mega-gutter">
                                    <div class="left-columns">
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">History</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                             <li><a href="##">Administration</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Maps &amp; Directions</a></li>
                                             <li><a href="##">Virtual Tour</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                             <li><a href="##">The New York Climate Exchange</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li class="mega-subheading">News &amp; Publications</li>
                                             <li><a href="##">News</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                             <li><a href="##">Economic Impact</a></li>
                                          </ul>
                                       </div>
                                    </div>
                                    <div class="related-links-col">
                                       <ul class="related-links">
                                          <li class="mega-subheading">Related Links</li>
                                          <li><a href="##">Calendars</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                          <li><a href="##">Diversity</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </li>
                  <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-research" href="#research">Research</a><div class="mega-menu" id="mega-research" role="region" aria-label="About Menu">
                        <div class="nav-wrapper container-xl">
                           <div class="row">
                              <div class="col-lg-4">
                                 <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alt"><a class="image-caption" href="#research">Research</a></div>
                              </div>
                              <div class="col-lg-8">
                                 <div class="mega-link-row custom-mega-gutter">
                                    <div class="left-columns">
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Administration</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                             <li><a href="##">History</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Maps &amp; Directions</a></li>
                                             <li><a href="##">Virtual Tour</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                             <li><a href="##">The New York Climate Exchange</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li class="mega-subheading">News &amp; Publications</li>
                                             <li><a href="##">News</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                             <li><a href="##">Economic Impact</a></li>
                                          </ul>
                                       </div>
                                    </div>
                                    <div class="related-links-col">
                                       <ul class="related-links">
                                          <li class="mega-subheading">Related Links</li>
                                          <li><a href="##">Calendars</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                          <li><a href="##">Diversity</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </li>
                  <li><a href="#athletics">Athletics</a></li>
               </ul>
            </div>
         </div>
      </div>
      <div class="search-panel desktop-search-panel">
         <div class="search-panel-inner"><button class="sb-search-panel-close" aria-label="Close search panel">×</button><div class="sb-search-panel p-4">
               <form class="sb-search-form" action="//stonybrook.edu/search" method="get" role="search" aria-label="Site search">
                  <div class="row g-2 align-items-end">
                     <div class="col-12 col-md"><label for="sb-search-input" class="visually-hidden">Search Stony Brook University</label><div class="sb-search-input-wrapper"><span class="sb-search-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                 <path d="M7.33333 12.6667C10.2789 12.6667 12.6667 10.2789 12.6667 7.33333C12.6667 4.38781 10.2789 2 7.33333 2C4.38781 2 2 4.38781 2 7.33333C2 10.2789 4.38781 12.6667 7.33333 12.6667Z" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                 <path d="M14 14L11.1 11.1" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><input type="text" id="sb-search-input" name="q" placeholder="Search Stony Brook University" value="" size="30" tabindex="41" class="populate form-control"></div>
                     </div>
                     <div class="col-12 col-md-auto"><button type="submit" class="btn btn-dark w-100 text-uppercase sb-search-button">Search</button></div>
                  </div>
               </form>
            </div>
         </div>
      </div>
   </nav>
   <div class="mobile-header">
      <div class="header-bar">
         <div class="header-left"><a href="#" class="logo"><img src="/_resources/images/sb-logo-mobile.svg" alt="mobile logo"></a></div>
         <div class="header-right">
            <ul class="header-actions">
               <li class="search-box"><button class="search-toggle-mobile" aria-label="Open Search"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                        <path d="M7.33333 12.6667C10.2789 12.6667 12.6667 10.2789 12.6667 7.33333C12.6667 4.38781 10.2789 2 7.33333 2C4.38781 2 2 4.38781 2 7.33333C2 10.2789 4.38781 12.6667 7.33333 12.6667Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        <path d="M14 14L11.1 11.1" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></button></li>
               <li class="menu-trigger"><button class="menu-toggle" aria-label="Open Menu" aria-expanded="false"><span class="bar"></span><span class="bar"></span><span class="bar"></span></button></li>
            </ul>
         </div>
      </div>
   </div>
   <div class="search-panel mobile-search-panel">
      <div class="search-panel-inner"><button class="sb-search-panel-close" aria-label="Close search panel">×</button><div class="sb-search-panel p-4">
            <form class="sb-search-form" action="//stonybrook.edu/search" method="get" role="search" aria-label="Site search">
               <div class="row g-2 align-items-end">
                  <div class="col-12 col-md"><label for="sb-search-input-mobile" class="visually-hidden">Search Stony Brook University</label><div class="sb-search-input-wrapper"><span class="sb-search-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                              <path d="M7.33333 12.6667C10.2789 12.6667 12.6667 10.2789 12.6667 7.33333C12.6667 4.38781 10.2789 2 7.33333 2C4.38781 2 2 4.38781 2 7.33333C2 10.2789 4.38781 12.6667 7.33333 12.6667Z" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                              <path d="M14 14L11.1 11.1" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><input type="text" id="sb-search-input-mobile" title="Search stonybrook.edu" value="" size="30" tabindex="41" name="q" placeholder="Search Stony Brook University" class="populate form-control"></div>
                  </div>
                  <div class="col-12 col-md-auto"><button type="submit" class="btn btn-dark w-100 text-uppercase sb-search-button">Search</button></div>
               </div>
            </form>
         </div>
      </div>
   </div>
   <nav class="responsive-nav" role="navigation" aria-label="Mobile Navigation">
      <div class="menu-panel">
         <div class="overlay"></div>
         <div class="menu-content">
            <ul class="primary-menu">
               <li class="has-submenu">
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#about">About</a><button class="accordion-toggle" aria-expanded="false" aria-controls="submenu-about" aria-label="Expand About submenu"><span class="arrow"></span></button></div>
                  <ul id="submenu-about" class="accordion-panel" aria-hidden="true">
                     <li><a href="##">History</a></li>
                     <li><a href="##">Administration</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                     <li><a href="##">Maps &amp; Directions</a></li>
                     <li><a href="##">Virtual Tour</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                     <li><a href="##">The New York Climate Exchange</a></li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">News &amp; Publications</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-news-1" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-news-1" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">News</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                           <li><a href="##">Economic Impact</a></li>
                        </ul>
                     </li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">Related Links</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-related-links-1" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-related-links-1" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">Calendars</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                           <li><a href="##">Diversity</a></li>
                           <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                        </ul>
                     </li>
                  </ul>
               </li>
               <li class="has-submenu">
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#admissions">Admissions</a><button class="accordion-toggle" aria-expanded="false" aria-controls="submenu-admissions" aria-label="Expand About submenu"><span class="arrow"></span></button></div>
                  <ul id="submenu-admissions" class="accordion-panel" aria-hidden="true">
                     <li><a href="##">History</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                     <li><a href="##">Administration</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                     <li><a href="##">Maps &amp; Directions</a></li>
                     <li><a href="##">Virtual Tour</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                     <li><a href="##">The New York Climate Exchange</a></li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">News &amp; Publications</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-news-2" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-news-2" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">News</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                           <li><a href="##">Economic Impact</a></li>
                        </ul>
                     </li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">Related Links</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-related-links-2" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-related-links-2" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">Calendars</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                           <li><a href="##">Diversity</a></li>
                           <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                        </ul>
                     </li>
                  </ul>
               </li>
               <li class="has-submenu">
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#academics">Academics</a><button class="accordion-toggle" aria-expanded="false" aria-controls="submenu-academics" aria-label="Expand About submenu"><span class="arrow"></span></button></div>
                  <ul id="submenu-academics" class="accordion-panel" aria-hidden="true">
                     <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                     <li><a href="##">History</a></li>
                     <li><a href="##">Administration</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                     <li><a href="##">Maps &amp; Directions</a></li>
                     <li><a href="##">Virtual Tour</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                     <li><a href="##">The New York Climate Exchange</a></li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">News &amp; Publications</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-news-3" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-news-3" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">News</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                           <li><a href="##">Economic Impact</a></li>
                        </ul>
                     </li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">Related Links</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-related-links-3" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-related-links-3" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">Calendars</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                           <li><a href="##">Diversity</a></li>
                           <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                        </ul>
                     </li>
                  </ul>
               </li>
               <li class="has-submenu">
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#campuslife">Campus Life</a><button class="accordion-toggle" aria-expanded="false" aria-controls="submenu-campus-life" aria-label="Expand About submenu"><span class="arrow"></span></button></div>
                  <ul id="submenu-campus-life" class="accordion-panel" aria-hidden="true">
                     <li><a href="##">History</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                     <li><a href="##">Administration</a></li>
                     <li><a href="##">Maps &amp; Directions</a></li>
                     <li><a href="##">Virtual Tour</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                     <li><a href="##">The New York Climate Exchange</a></li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">News &amp; Publications</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-news-4" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-news-4" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">News</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                           <li><a href="##">Economic Impact</a></li>
                        </ul>
                     </li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">Related Links</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-related-links-4" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-related-links-4" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">Calendars</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                           <li><a href="##">Diversity</a></li>
                           <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                        </ul>
                     </li>
                  </ul>
               </li>
               <li class="has-submenu">
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#research">Research</a><button class="accordion-toggle" aria-expanded="false" aria-controls="submenu-research" aria-label="Expand About submenu"><span class="arrow"></span></button></div>
                  <ul id="submenu-research" class="accordion-panel" aria-hidden="true">
                     <li><a href="##">Administration</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                     <li><a href="##">History</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                     <li><a href="##">Maps &amp; Directions</a></li>
                     <li><a href="##">Virtual Tour</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                     <li><a href="##">The New York Climate Exchange</a></li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">News &amp; Publications</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-news-5" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-news-5" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">News</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                           <li><a href="##">Economic Impact</a></li>
                        </ul>
                     </li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">Related Links</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-related-links-5" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-related-links-5" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">Calendars</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                           <li><a href="##">Diversity</a></li>
                           <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                        </ul>
                     </li>
                  </ul>
               </li>
               <li>
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#athletics">Athletics</a></div>
               </li>
               <li>
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="/medicine" title="Medicine">Medicine</a></div>
               </li>
            </ul>
            <div class="mobile-nav-footer-links">
               <div class="info-logins-grid">
                  <div class="info-column">
                     <h3 class="footer-heading">Info for —</h3>
                     <ul class="footer-link-list">
                        <li><a href="#">Maps and Directions</a></li>
                        <li><a href="##">Virtual Tour</a></li>
                        <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                        <li><a title="Stony Brook Southampton" href="##">Stony Brook Southampton</a></li>
                        <li><a href="###">The New York Climate Exchange</a></li>
                     </ul>
                  </div>
                  <div class="logins-column">
                     <h3 class="footer-heading with-icon"><span class="login-icon" aria-hidden="true"><img src="/_resources/images/logins-icon.svg" alt="" width="16" height="17"></span>
                        				Logins —
                        			</h3>
                     <ul class="footer-link-list">
                        <li><a href="#" target="_blank" rel="noopener">Student Portal</a></li>
                        <li><a href="###">Faculty Portal</a></li>
                        <li><a href="##">Employee Services</a></li>
                        <li><a title="Library Account" href="#">Library Account</a></li>
                        <li><a href="##">Alumni Login</a></li>
                     </ul>
                  </div>
               </div>
            </div>
         </div>
         <div class="bottom-links">
            <ul class="bottom-links-list">
               <li><a href="/apply" target="_blank" rel="noopener">Apply</a></li>
               <li><a href="/visit">Visit</a></li>
               <li><a href="/give">Giving</a></li>
            </ul>
         </div>
      </div>
   </nav>
   <nav class="sticky-nav" aria-label="Sticky Navigation" role="navigation">
      <div class="sticky-search-panel">
         <div class="search-panel-inner"><button class="sb-search-panel-close" aria-label="Close search panel">×</button><div class="sb-search-panel p-4">
               <form class="sb-search-form" action="//stonybrook.edu/search" method="get" role="search" aria-label="Site search">
                  <div class="row g-2 align-items-end">
                     <div class="col-12 col-md"><label for="sb-search-input-sticky" class="visually-hidden">Search Stony Brook University</label><div class="sb-search-input-wrapper"><span class="sb-search-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                 <path d="M7.33333 12.6667C10.2789 12.6667 12.6667 10.2789 12.6667 7.33333C12.6667 4.38781 10.2789 2 7.33333 2C4.38781 2 2 4.38781 2 7.33333C2 10.2789 4.38781 12.6667 7.33333 12.6667Z" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                 <path d="M14 14L11.1 11.1" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><input type="text" id="sb-search-input-sticky" name="q" title="Search stonybrook.edu" value="" size="30" tabindex="41" placeholder="Search Stony Brook University" class="populate form-control"></div>
                     </div>
                     <div class="col-12 col-md-auto"><button type="submit" class="btn btn-dark w-100 text-uppercase sb-search-button">Search</button></div>
                  </div>
               </form>
            </div>
         </div>
      </div>
      <div class="sticky-nav-background"></div>
      <div class="sticky-nav-content d-flex justify-content-between align-items-center">
         <div class="sticky-nav-left">
            <div class="logo"><a href="/"><img src="/_resources/images/sb-logo-sticky.svg" alt="sticky logo"></a></div>
         </div>
         <div class="sticky-nav-right">
            <ul class="sticky-links list-unstyled d-flex mb-0">
               <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-about-sticky" href="#about">About</a><div class="mega-menu" id="mega-about-sticky" role="region" aria-label="About Menu">
                     <div class="nav-wrapper container-xl">
                        <div class="row">
                           <div class="col-lg-4">
                              <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternate"><a class="image-caption" href="#about">About</a></div>
                           </div>
                           <div class="col-lg-8">
                              <div class="mega-link-row custom-mega-gutter">
                                 <div class="left-columns">
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">History</a></li>
                                          <li><a href="##">Administration</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Maps &amp; Directions</a></li>
                                          <li><a href="##">Virtual Tour</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                          <li><a href="##">The New York Climate Exchange</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li class="mega-subheading">News &amp; Publications</li>
                                          <li><a href="##">News</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                          <li><a href="##">Economic Impact</a></li>
                                       </ul>
                                    </div>
                                 </div>
                                 <div class="related-links-col">
                                    <ul class="related-links">
                                       <li class="mega-subheading">Related Links</li>
                                       <li><a href="##">Calendars</a></li>
                                       <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                       <li><a href="##">Diversity</a></li>
                                       <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </li>
               <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-admissions-sticky" href="#admissions">Admissions</a><div class="mega-menu" id="mega-admissions-sticky" role="region" aria-label="About Menu">
                     <div class="nav-wrapper container-xl">
                        <div class="row">
                           <div class="col-lg-4">
                              <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternate text"><a class="image-caption" href="#admissions">Admissions</a></div>
                           </div>
                           <div class="col-lg-8">
                              <div class="mega-link-row custom-mega-gutter">
                                 <div class="left-columns">
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">History</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                          <li><a href="##">Administration</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Maps &amp; Directions</a></li>
                                          <li><a href="##">Virtual Tour</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                          <li><a href="##">The New York Climate Exchange</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li class="mega-subheading">News &amp; Publications</li>
                                          <li><a href="##">News</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                          <li><a href="##">Economic Impact</a></li>
                                       </ul>
                                    </div>
                                 </div>
                                 <div class="related-links-col">
                                    <ul class="related-links">
                                       <li class="mega-subheading">Related Links</li>
                                       <li><a href="##">Calendars</a></li>
                                       <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                       <li><a href="##">Diversity</a></li>
                                       <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </li>
               <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-academics-sticky" href="#academics">Academics</a><div class="mega-menu" id="mega-academics-sticky" role="region" aria-label="About Menu">
                     <div class="nav-wrapper container-xl">
                        <div class="row">
                           <div class="col-lg-4">
                              <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternative text"><a class="image-caption" href="#academics">Academics</a></div>
                           </div>
                           <div class="col-lg-8">
                              <div class="mega-link-row custom-mega-gutter">
                                 <div class="left-columns">
                                    <div class="col">
                                       <ul>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                          <li><a href="##">History</a></li>
                                          <li><a href="##">Administration</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Maps &amp; Directions</a></li>
                                          <li><a href="##">Virtual Tour</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                          <li><a href="##">The New York Climate Exchange</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li class="mega-subheading">News &amp; Publications</li>
                                          <li><a href="##">News</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                          <li><a href="##">Economic Impact</a></li>
                                       </ul>
                                    </div>
                                 </div>
                                 <div class="related-links-col">
                                    <ul class="related-links">
                                       <li class="mega-subheading">Related Links</li>
                                       <li><a href="##">Calendars</a></li>
                                       <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                       <li><a href="##">Diversity</a></li>
                                       <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </li>
               <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-campus-life-sticky" href="#campuslife">Campus Life</a><div class="mega-menu" id="mega-campus-life-sticky" role="region" aria-label="About Menu">
                     <div class="nav-wrapper container-xl">
                        <div class="row">
                           <div class="col-lg-4">
                              <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is alternate text"><a class="image-caption" href="#campuslife">Campus Life</a></div>
                           </div>
                           <div class="col-lg-8">
                              <div class="mega-link-row custom-mega-gutter">
                                 <div class="left-columns">
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">History</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                          <li><a href="##">Administration</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Maps &amp; Directions</a></li>
                                          <li><a href="##">Virtual Tour</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                          <li><a href="##">The New York Climate Exchange</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li class="mega-subheading">News &amp; Publications</li>
                                          <li><a href="##">News</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                          <li><a href="##">Economic Impact</a></li>
                                       </ul>
                                    </div>
                                 </div>
                                 <div class="related-links-col">
                                    <ul class="related-links">
                                       <li class="mega-subheading">Related Links</li>
                                       <li><a href="##">Calendars</a></li>
                                       <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                       <li><a href="##">Diversity</a></li>
                                       <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </li>
               <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-research-sticky" href="#research">Research</a><div class="mega-menu" id="mega-research-sticky" role="region" aria-label="About Menu">
                     <div class="nav-wrapper container-xl">
                        <div class="row">
                           <div class="col-lg-4">
                              <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alt"><a class="image-caption" href="#research">Research</a></div>
                           </div>
                           <div class="col-lg-8">
                              <div class="mega-link-row custom-mega-gutter">
                                 <div class="left-columns">
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Administration</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                          <li><a href="##">History</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Maps &amp; Directions</a></li>
                                          <li><a href="##">Virtual Tour</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                          <li><a href="##">The New York Climate Exchange</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li class="mega-subheading">News &amp; Publications</li>
                                          <li><a href="##">News</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                          <li><a href="##">Economic Impact</a></li>
                                       </ul>
                                    </div>
                                 </div>
                                 <div class="related-links-col">
                                    <ul class="related-links">
                                       <li class="mega-subheading">Related Links</li>
                                       <li><a href="##">Calendars</a></li>
                                       <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                       <li><a href="##">Diversity</a></li>
                                       <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </li>
               <li><a href="#athletics">Athletics</a></li>
               <li class="search-box"><button class="search-toggle" aria-label="Open Search"><svg width="24" height="24" viewBox="0 0 24 24" fill="none">
                        <path d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z" stroke="white" stroke-width="2"></path>
                        <path d="M21 20.9999L16.65 16.6499" stroke="white" stroke-width="2"></path></svg></button></li>
            </ul>
         </div>
      </div>
   </nav>
</header>      		
      <section class="homepage-hero d-none d-lg-block" aria-label="Homepage Hero Section">
         <div class="hero-background">
            <div class="video-container"><video id="hero-video" playsinline="playsinline" autoplay muted>
                  <source src="https://www.stonybrook.edu/far-beyond/video/GIVING-DAY-HOMEPAGE-2025.mp4" type="video/mp4">
                  						Your browser does not support the video tag.
                  					</video><div class="hero-wrapper">
                  <div class="content-banner">
                     <div class="banner-content-wrapper">
                        <div class="banner-content">
                           <h1 class="hero-title">Dare to reach your potential</h1>
                           <p class="hero-subtitle">A dynamic education awaits you at Stony Brook, an internationally recognized research
                              institution that's one of America's most affordable.</p><a class="change-life-btn" title="Change your life" href="##">Change your life</a></div>
                     </div>
                     <div class="banner-content">
                        <div class="keyline" aria-hidden="true"></div>
                        <nav class="bottom-links" aria-label="Quick Links"><a href="#/">Sit amet eu amd tempor</a><a href="###">Lorem ipsum dolor</a></nav>
                     </div><img class="prisms" src="/_resources/images/hero-prisms-v2-01.svg" alt="" aria-hidden="true"></div>
               </div>
               <div class="video-controls"><button class="btn" id="playPauseBtn" aria-label="Pause video"><span class="pause-icon"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16" fill="none">
                           <rect width="4" height="16" fill="white"/>
                           <rect x="10" width="4" height="16" fill="white"/></svg></span><span class="play-icon d-none"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16" fill="none">
                           <path d="M14 8L0 16V0L14 8Z" fill="white"/></svg></span></button></div>
            </div><svg xmlns="http://www.w3.org/2000/svg" class="bg-triangle" width="1200" height="300" viewBox="0 0 1200 300" fill="none" aria-hidden="true">
               <path d="M1200 0V300L200 128L1200 0Z" fill="#1791AD"/></svg><div class="skewed-overlay"></div>
         </div>
         <div class="hero-wrapper">
            <div class="action-buttons"><a class="btn btn-apply" aria-label="Apply Now" href="##">Apply Now</a><a class="btn btn-tour" aria-label="Schedule a Tour" href="#">Schedule a Tour</a><a class="btn btn-info" aria-label="Request Info" href="##">Request Info</a></div>
         </div>
      </section>
      <section class="homepage-hero-tablet d-none d-sm-block d-lg-none" aria-label="Homepage Hero Section">
         <div class="hero-background">
            <div class="hero-image"><img src="/_resources/images/hp-hero-tablet.png" alt="Mobile Hero Image of students on a tablet" aria-hidden="true"></div>
            <div class="hero-wrapper">
               <div class="content-banner">
                  <div class="banner-content-wrapper">
                     <div class="banner-content">
                        <h1 class="hero-title">Dare to reach your potential</h1>
                        <p class="hero-subtitle">A dynamic education awaits you at Stony Brook, an internationally recognized research
                           institution that's one of America's most affordable.</p><a class="change-life-btn" title="Change your life" href="##">Change your life</a></div>
                  </div>
                  <div class="banner-content">
                     <div class="keyline" aria-hidden="true"></div>
                     <nav class="bottom-links" aria-label="Quick Links"><a href="#/">Sit amet eu amd tempor</a><a href="###">Lorem ipsum dolor</a></nav>
                  </div><img class="prisms" src="/_resources/images/hero-prisms-v2-01.svg" alt="" aria-hidden="true"></div>
            </div>
         </div>
         <div class="action-buttons-tablet">
            <div class="row g-0">
               <div class="col-12">
                  <div class="action-buttons-wrapper"><a class="btn btn-apply" aria-label="Apply Now" href="##">Apply Now</a><a class="btn btn-tour" aria-label="Schedule a Tour" href="#">Schedule a Tour</a><a class="btn btn-info" aria-label="Request Info" href="##">Request Info</a></div>
               </div>
            </div>
         </div>
      </section>
      <section class="homepage-hero-mobile d-block d-sm-none" aria-label="Homepage Hero Section Mobile">
         <div class="mobile-action-buttons-container">
            <div class="action-buttons-wrapper"><a class="btn btn-apply" aria-label="Apply Now" href="##">Apply Now</a><a class="btn btn-tour" aria-label="Schedule a Tour" href="#">Schedule a Tour</a><a class="btn btn-info" aria-label="Request Info" href="##">Request Info</a></div>
         </div>
         <div class="mobile-content-area">
            <div class="content-banner">
               <div class="banner-content-wrapper">
                  <div class="banner-content">
                     <h1 class="hero-title">Dare to reach your potential</h1>
                     <p class="hero-subtitle">A dynamic education awaits you at Stony Brook, an internationally recognized research
                        institution that's one of America's most affordable.</p><a class="change-life-btn" title="Change your life" href="##">Change your life</a></div>
               </div>
            </div>
         </div>
      </section>
      <main id="main-content" class="fluid-container main-content" tabindex="-1" role="main" aria-label="Main Content Area">
         	
         <div class="divider divider-24 gradient-specialty-deep-blue-green" role="presentation"></div>
          
         
         
         <section class="news-section" aria-labelledby="news-title">
            <div class="news-header-bar text-white text-center">
               <div class="container-1280">
                  <h2 id="news-title" class="news-title">Daring to Take on the World</h2>
               </div>
            </div>
            <div class="container-1280">
               <h3 id="news-subtitle" class="news-subtitle">News From Stony Brook</h3>
            </div>
            <div class="section-content-wrapper">
               <div class="row gx-4">
                  <div class="col-lg-8 mb-4 mb-lg-0 news-stack border-lg-end">
                     <article class="news-item"><a href="" target="_blank" class="news-feature d-block" aria-labelledby="feature-caption">
                           <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-lg.png" alt="Students and faculty on a boat during Stony Brook University's 64th Commencement" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                 <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                       <defs>
                                          <clipPath id="clip-triangle">
                                             <polygon points="0,100 100,100 100,0"/>
                                          </clipPath>
                                       </defs>
                                       <g clip-path="url(#clip-triangle)">
                                          <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                          <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                          <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                          <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                       </g></svg></div>
                              </div>
                           </div>
                           <div class="news-feature-caption"><span id="feature-caption">Stony Brook University's 64th Commencement Features a Full House</span></div></a></article>
                  </div>
                  <div class="col-lg-4 d-flex flex-column">
                     <div class="news-right-desktop d-none d-lg-block" role="list">
                        <div class="row gx-3 gy-4">
                           <div class="col-lg-6 news-stack border-lg-end d-flex flex-column gap-4">
                              <article class="news-item" role="listitem">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="card1-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-1.png" alt="Student researcher in lab coat holding scientific equipment" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="card1-caption">SB Hospital's Dietetic Interns Battle it Out In</span></div></a></div>
                              </article>
                              <article class="news-item" role="listitem">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="card3-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-3.png" alt="SOCJ Graduate Students Present" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="card3-caption">SOCJ Graduate Students Present</span></div></a></div>
                              </article>
                           </div>
                           <div class="col-lg-6 news-stack d-flex flex-column gap-4">
                              <article class="news-item" role="listitem">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="card2-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-2.png" alt="SB Hospital's Dietetic Interns" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="card2-caption">SB Hospital's Dietetic Interns Battle it Out In</span></div></a></div>
                              </article>
                              <article class="news-item" role="listitem">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="card4-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-4.png" alt="SOCJ Graduate Students Present" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="card4-caption">SOCJ Graduate Students Present</span></div></a></div>
                              </article>
                           </div>
                        </div>
                     </div>
                     <div class="news-right-mobile d-lg-none" role="list">
                        <div class="row gx-3 gy-4">
                           <div class="col-12 col-sm-3" role="listitem">
                              <article class="news-item">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="mobile-card1-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-1.png" alt="Student researcher in lab coat holding scientific equipment" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="mobile-card1-caption">SB Hospital's Dietetic Interns Battle it Out In</span></div></a></div>
                              </article>
                           </div>
                           <div class="col-12 col-sm-3" role="listitem">
                              <article class="news-item">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="mobile-card2-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-2.png" alt="SB Hospital's Dietetic Interns" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="mobile-card2-caption">SB Hospital's Dietetic Interns Battle it Out In</span></div></a></div>
                              </article>
                           </div>
                           <div class="col-12 col-sm-3" role="listitem">
                              <article class="news-item">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="mobile-card3-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-3.png" alt="SOCJ Graduate Students Present" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="mobile-card3-caption">SOCJ Graduate Students Present</span></div></a></div>
                              </article>
                           </div>
                           <div class="col-12 col-sm-3" role="listitem">
                              <article class="news-item">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="mobile-card4-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-4.png" alt="SOCJ Graduate Students Present" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="mobile-card4-caption">SOCJ Graduate Students Present</span></div></a></div>
                              </article>
                           </div>
                        </div>
                     </div>
                     <div class="d-flex justify-content-center mt-4"><a href="#" target="_blank" class="btn btn-see-all" aria-label="View all news stories">See All Stories</a></div>
                  </div>
               </div>
            </div>
         </section> 
         
         
         	
         <div class="divider divider-24 gradient-specialty-deep-blue-green" role="presentation"></div>
          
         
         <section class="belong-section" aria-labelledby="belong-title">
            
            <div class="belong-header-bar">
               
               <h2 id="belong-title" class="belong-title">You Belong Here</h2>
               </div>
            
            <div class="belong-subtitle">
               
               <h3 id="belong-subtitle">See why the brightest minds choose Stony Brook</h3>
               </div>
            <!-- Mobile intro text (visible only xs) -->
            
            <div class="belong-mobile-intro d-sm-none">
               
               <p class="belong-intro-text" aria-label="Introduction">START YOUR SUCCESS STORY AT STONY BROOK, NEW YORK'S FLAGSHIP AND NO. 1 PUBLIC UNIVERSITY</p>
               </div>
            <!-- Desktop/Tablet Layout (576px and up) -->
            
            <div class="section-content-wrapper d-none d-sm-block">
               
               <div class="belong-grid" role="list"><!-- Existing grid items -->
                  
                  <div class="belong-grid-item intro" role="listitem">
                     
                     <p class="belong-intro-text" aria-label="Introduction">START YOUR<br>SUCCESS STORY AT<br>STONY BROOK,<br>NEW YORK'S FLAGSHIP<br>AND NO. 1 PUBLIC<br>UNIVERSITY</p>
                     </div>
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/girl-playing-flute.png" alt="Student playing flute in a practice room"></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat bright-red" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of alumni" data-target="250000">250,000+</span> <span class="stat-label">alumni worldwide</span></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat navy" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Public university in the nation" data-target="26">#26</span> <span class="stat-label">public university in the nation</span></div>
                     </div>
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/cheerleaders-celebrating.png" alt="Cheerleaders celebrating"></div>
                     </div>
                  <!-- Row 2: Items 6-10 -->
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/students-locking-bike.png" alt="Students locking bike"></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat turquoise" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of fields of study" data-target="300">Over 300</span> <span class="stat-label">fields of study</span></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat red" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of alumni" data-target="250000">250,000+</span> <span class="stat-label">alumni worldwide</span></div>
                     </div>
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/students-in-lab.png" alt="Students in laboratory"></div>
                     </div>
                  
                  <div class="belong-grid-item facts-button" role="listitem"><a class="btn btn-facts" href="https://web-test.stonybrook.edu/facts-and-rankings" aria-label="View all Stony Brook facts and rankings"> <span class="btn-text">VIEW ALL<br>FACTS &amp;<br>RANKINGS</span> </a></div>
                  </div>
               </div>
            <!-- Mobile Layout (below 576px) -->
            
            <div class="belong-mobile-grid d-block d-sm-none" role="list"><!-- Row 1: Flute player | Red stat -->
               
               <div class="belong-grid-row">
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/girl-playing-flute.png" alt="Student playing flute in a practice room"></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat bright-red" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of alumni" data-target="250000">250,000+</span> <span class="stat-label">alumni worldwide</span></div>
                     </div>
                  </div>
               <!-- Row 2: Navy stat | Cheerleaders -->
               
               <div class="belong-grid-row">
                  
                  <div class="belong-grid-item belong-stat navy" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Public university in the nation" data-target="26">#26</span> <span class="stat-label">public university in the nation</span></div>
                     </div>
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/cheerleaders-celebrating.png" alt="Cheerleaders celebrating"></div>
                     </div>
                  </div>
               <!-- Row 3: Bike | Turquoise stat -->
               
               <div class="belong-grid-row">
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/students-locking-bike.png" alt="Students locking bike"></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat turquoise" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of fields of study" data-target="300">Over 300</span> <span class="stat-label">fields of study</span></div>
                     </div>
                  </div>
               <!-- Row 4: Red stat | Lab students -->
               
               <div class="belong-grid-row">
                  
                  <div class="belong-grid-item belong-stat red" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of alumni" data-target="250000">250,000+</span> <span class="stat-label">alumni worldwide</span></div>
                     </div>
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/students-in-lab.png" alt="Students in laboratory"></div>
                     </div>
                  </div>
               <!-- Button row (centered) -->
               
               <div class="belong-grid-row button-row">
                  
                  <div class="belong-grid-item facts-button" role="listitem"><a class="btn btn-facts" href="https://web-test.stonybrook.edu/facts-and-rankings" aria-label="View all Stony Brook facts and rankings"> <span class="btn-text">VIEW ALL<br>FACTS &amp;<br>RANKINGS</span> </a></div>
                  </div>
               </div>
            </section>
         
         <section class="path-section" aria-labelledby="path-heading">
            <div class="section-content-wrapper">
               <div class="divider divider-8 gradient-specialty-deep-blue-green" aria-hidden="true"></div>
               <div class="row justify-content-center">
                  <div class="col-12 text-center">
                     <h2 id="path-heading" class="path-heading animate-on-scroll fade-up">Choose the Path to Your Future</h2>
                     <h3 data-delay="200" class="path-subheading animate-on-scroll fade-up">Push boundaries, challenge assumptions, and redefine what's possible</h3>
                  </div>
               </div>
               <div class="row path-cards mt-5">
                  <div class="col-sm-4 col-md-4 col-lg-3 path-card animate-on-scroll fade-right" data-delay="300"><a href="###" target="_blank" class="card" aria-label="Undergraduate">
                        <div class="card-img-container"><img src="/_resources/images/path-female-student-in-lab.png" class="card-img-top" alt="Female undergraduate student conducting research in a laboratory setting"></div>
                        <div class="card-title-wrapper">
                           <h4 class="card-title">Undergraduate</h4>
                        </div>
                        <div class="card-body">
                           <p class="card-text">Suspendisse quis laoreet tortor. Sed sodales enim eu nunc pharetra rutrum. Nam porta
                              nulla non risus porta imperdiet.</p>
                        </div></a></div>
                  <div class="col-sm-4 col-md-4 col-lg-3 path-card animate-on-scroll fade-right" data-delay="300"><a href="#/" target="_blank" class="card" aria-label="Graduate">
                        <div class="card-img-container"><img src="/_resources/images/path-3-students-collaborating.png" class="card-img-top" alt="Three graduate students working together on a research project"></div>
                        <div class="card-title-wrapper">
                           <h4 class="card-title">Graduate</h4>
                        </div>
                        <div class="card-body">
                           <p class="card-text">Suspendisse quis laoreet tortor. Sed sodales enim eu nunc pharetra rutrum. Nam porta
                              nulla non risus porta imperdiet.</p>
                        </div></a></div>
                  <div class="col-sm-4 col-md-4 col-lg-3 path-card animate-on-scroll fade-right" data-delay="300"><a href="##" target="_blank" class="card" aria-label="Professional Dev.">
                        <div class="card-img-container"><img src="/_resources/images/path-student-at-laptop.png" class="card-img-top" alt="Student working on a laptop in a modern learning environment"></div>
                        <div class="card-title-wrapper">
                           <h4 class="card-title">Professional Dev.</h4>
                        </div>
                        <div class="card-body">
                           <p class="card-text">Suspendisse quis laoreet tortor. Sed sodales enim eu nunc pharetra rutrum. Nam porta
                              nulla non risus porta imperdiet.</p>
                        </div></a></div>
                  <div class="col-12 col-md-12 col-lg-3 path-buttons animate-on-scroll fade-left" data-delay="600">
                     <div class="button-wrapper"><button class="path-button majors-minors" aria-label="Major &amp; Minors"><span>MAJOR &amp; MINORS</span></button><button class="path-button schedule-tour" aria-label="Schedule a Tour"><span>SCHEDULE A TOUR</span></button><button class="path-button apply-now" aria-label="Apply Now"><span>APPLY NOW</span></button></div>
                  </div>
               </div>
            </div>
         </section> 
         
         
         <section class="calendar-section">
            <div class="container-fluid">
               <div class="calendar-section__header">
                  <h2>What's Going On</h2>
                  <h3>There's always something interesting happening at The Brook</h3>
               </div>
               <div class="row">
                  <div class="col-lg-6 col-md-6">
                     <div class="row calendar-inner-row"><h3>Nothing matching that URL</h3>                        <div class="col-md-7 calendar-section__content-col">
                           <div class="calendar-section__countdown">
                              <div class="countdown-item" aria-label="00 Days">
                                 <div class="number">00</div>
                                 <div class="label">DAYS</div>
                              </div>
                              <div class="countdown-item" aria-label="04 Hours">
                                 <div class="number">00</div>
                                 <div class="label">HOURS</div>
                              </div>
                              <div class="countdown-item" aria-label="31 Minutes">
                                 <div class="number">00</div>
                                 <div class="label">MINS</div>
                              </div>
                              <div class="countdown-item" aria-label="19 Seconds">
                                 <div class="number">00</div>
                                 <div class="label">SECS</div>
                              </div>
                           </div>
                           <div class="calendar-section__save-date"><h3>Nothing matching that URL</h3></div>
                           <div class="calendar-section__buttons"><a href="##" target="_blank" class="btn btn-global btn-global--white-transparent-black-hover">Learn More</a><a href="#" target="_blank" class="btn btn-global btn-global--white-transparent-black-hover">Register</a></div>
                        </div>
                     </div>
                  </div>
                  <div class="col-lg-6 col-md-6">
                     <div class="calendar-section__events">
                        <div class="row calendar-inner-row"><div class="col-6 calendar-section__events-col calendar-section__events-col--left">	<ul class="calendar-section__events-list"><li class="calendar-section__events-item">	<div class="date" aria-label="August 6">		<div class="day">06</div>		<div class="month">Aug</div>	</div>	<div class="content">	<p>Pollock-Krasner House and Study Center: Family Tour and  Drip Painting Workshops</p>	</div></li><li class="calendar-section__events-item">	<div class="date" aria-label="August 9">		<div class="day">09</div>		<div class="month">Aug</div>	</div>	<div class="content">	<p>Pollock-Krasner House and Study Center: Family Tour and  Drip Painting Workshops</p>	</div></li>	</ul></div></div>
                        <div class="calendar-section__buttons"><a href="/events" target="_blank" class="btn btn-global btn-global--white-transparent-black-hover">See All Events</a></div>
                     </div>
                  </div>
               </div>
            </div>
         </section> 
         
         
         <section class="sb-campuslife-section" aria-label="Campus Life Navigation">
            <div class="section-content-wrapper">
               <h2 class="visually-hidden">Campus Life</h2>
               <div class="top-row" role="list">
                  <div class="sb-campuslife-circle" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/studentlife/" target="_blank" aria-label="Student Life">
                        <div class="sb-campuslife-container"><img src="/_resources/images/circle-button-student-life.jpg" alt="This is an alternate"><div class="sb-campuslife-gradient" aria-hidden="true"></div>
                           <div class="sb-campuslife-title">STUDENT LIFE</div>
                        </div></a></div>
                  <div class="sb-campuslife-circle" role="listitem"><a href="https://www.stonybrook.edu/campus-life/arts-and-culture/" target="_blank" aria-label="Arts &amp; Culture">
                        <div class="sb-campuslife-container"><img src="/_resources/images/circle-button-arts-culture.jpg" alt="Woman painting"><div class="sb-campuslife-gradient" aria-hidden="true"></div>
                           <div class="sb-campuslife-title">ARTS &amp; CULTURE</div>
                        </div></a></div>
               </div>
               <div class="bottom-row" role="list">
                  <div class="sb-campuslife-circle" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/health-wellness/" target="_blank" aria-label="Health &amp; Safety">
                        <div class="sb-campuslife-container"><img src="/_resources/images/circle-button-health-safety.jpg" alt="Student in the lab"><div class="sb-campuslife-gradient" aria-hidden="true"></div>
                           <div class="sb-campuslife-title">HEALTH &amp; SAFETY</div>
                        </div></a></div>
                  <div class="sb-campuslife-circle" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/sac/get_involved.php" target="_blank" aria-label="Student Involvement">
                        <div class="sb-campuslife-container"><img src="/_resources/images/circle-button-student-involvement.jpg" alt="Two students running in the park"><div class="sb-campuslife-gradient" aria-hidden="true"></div>
                           <div class="sb-campuslife-title">STUDENT INVOLVEMENT</div>
                        </div></a></div>
                  <div class="sb-campuslife-circle sb-explore-circle" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/stu/" target="_blank" aria-label="ExploreCampus Life">
                        <div class="sb-campuslife-container">
                           <div class="sb-campuslife-title explore">
                              <div class="text-container">
                                 <div class="explore-line">EXPLORE <img class="arrow-img" src="/_resources/images/campus-life-arrow.svg" alt="arrow" aria-hidden="true"></div>
                                 <div class="campus-line">CAMPUS LIFE</div>
                              </div>
                           </div>
                        </div></a></div>
               </div>
            </div>
         </section>
         <section class="sb-campuslife-mobile" aria-label="Campus Life Navigation for Mobile Devices">
            <h2 class="visually-hidden">Campus Life</h2>
            <div role="list" class="mobile-row">
               <div class="sb-circle-mobile" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/studentlife/" target="_blank" aria-label="Student Life">
                     <div class="sb-circle-container-mobile"><img src="/_resources/images/circle-button-student-life.jpg" alt=""><div class="sb-circle-gradient-mobile" aria-hidden="true"></div>
                        <div class="sb-circle-title-mobile">STUDENT LIFE</div>
                     </div></a></div>
               <div class="sb-circle-mobile" role="listitem"><a href="https://www.stonybrook.edu/campus-life/arts-and-culture/" target="_blank" aria-label="Arts &amp; Culture">
                     <div class="sb-circle-container-mobile"><img src="/_resources/images/circle-button-arts-culture.jpg" alt=""><div class="sb-circle-gradient-mobile" aria-hidden="true"></div>
                        <div class="sb-circle-title-mobile">ARTS &amp; CULTURE</div>
                     </div></a></div>
            </div>
            <div role="list" class="mobile-row">
               <div class="sb-circle-mobile" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/health-wellness/" target="_blank" aria-label="Health &amp; Safety">
                     <div class="sb-circle-container-mobile"><img src="/_resources/images/circle-button-health-safety.jpg" alt=""><div class="sb-circle-gradient-mobile" aria-hidden="true"></div>
                        <div class="sb-circle-title-mobile">HEALTH &amp; SAFETY</div>
                     </div></a></div>
               <div class="sb-circle-mobile" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/sac/get_involved.php" target="_blank" aria-label="Student Involvement">
                     <div class="sb-circle-container-mobile"><img src="/_resources/images/circle-button-student-involvement.jpg" alt=""><div class="sb-circle-gradient-mobile" aria-hidden="true"></div>
                        <div class="sb-circle-title-mobile">STUDENT INVOLVEMENT</div>
                     </div></a></div>
            </div>
            <div role="list" class="mobile-row">
               <div class="sb-circle-mobile sb-explore-circle-mobile" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/stu/" target="_blank" aria-label="ExploreCampus Life">
                     <div class="sb-circle-container-mobile">
                        <div class="sb-circle-title-mobile">
                           <div class="text-container-mobile">
                              <div class="explore-line-mobile">EXPLORE <img class="arrow-img-mobile" src="/_resources/images/campus-life-arrow.svg" alt="mobile arrow" aria-hidden="true"></div>
                              <div class="campus-line-mobile">CAMPUS LIFE</div>
                           </div>
                        </div>
                     </div></a></div>
            </div>
         </section>
         
         
         	
         <div class="divider divider-24 gradient-specialty-deep-blue-green" role="presentation"></div>
          
         
         
         <section class="sb-hp-carousel-wrapper" aria-label="Meet Our Seawolves Carousel">
            <div class="sb-hp-carousel-intro">
               <h2 class="sb-hp-carousel-title">Meet Our Seawolves</h2>
               <h3 class="sb-hp-carousel-subtitle">Meet the innovators, change-makers, and visionaries shaping tomorrow</h3>
            </div>
            <div class="sb-hp-carousel slick-carousel" role="region" aria-roledescription="carousel">
               <div class="sb-hp-carousel-item">
                  <div class="sb-hp-carousel-inner">
                     <div class="sb-hp-carousel-image"><img src="/_resources/images/hp-carousel-placeholder-image.jpg" alt="./ikmagealt" loading="lazy"></div>
                     <div class="sb-hp-carousel-content">
                        <h4 class="sb-hp-carousel-name">Name</h4>
                        <p class="sb-hp-carousel-text">Donec ac tempor ipsum, sit amet pellentesque augue. Curabitur vel ante suscipit, dapibus
                           justo sed, dapibus mi. Proin non ullamcorper metus. Vestibulum non porttitor turpis,
                           sit.</p><a href="###" target="_blank" class="sb-hp-carousel-link" aria-label="Learn More">Learn More</a></div>
                  </div>
               </div>
               <div class="sb-hp-carousel-item">
                  <div class="sb-hp-carousel-inner">
                     <div class="sb-hp-carousel-image"><img src="/_resources/images/hp-carousel-placeholder-image.jpg" alt="./ikmagealt" loading="lazy"></div>
                     <div class="sb-hp-carousel-content">
                        <h1 class="sb-hp-carousel-name">Another Name</h1>
                        <p class="sb-hp-carousel-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt
                           ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p><a href="##" target="_blank" class="sb-hp-carousel-link" aria-label="Learn More">Learn More</a></div>
                  </div>
               </div>
               <div class="sb-hp-carousel-item">
                  <div class="sb-hp-carousel-inner">
                     <div class="sb-hp-carousel-image"><img src="/_resources/images/hp-carousel-placeholder-image.jpg" alt="./ikmagealt" loading="lazy"></div>
                     <div class="sb-hp-carousel-content">
                        <h1 class="sb-hp-carousel-name">Another Name</h1>
                        <p class="sb-hp-carousel-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt
                           ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p><a href="#" target="_blank" class="sb-hp-carousel-link" aria-label="Learn More">Learn More</a></div>
                  </div>
               </div>
               <div class="sb-hp-carousel-item">
                  <div class="sb-hp-carousel-inner">
                     <div class="sb-hp-carousel-image"><img src="/_resources/images/hp-carousel-placeholder-image.jpg" alt="./ikmagealt" loading="lazy"></div>
                     <div class="sb-hp-carousel-content">
                        <h1 class="sb-hp-carousel-name">Another Name</h1>
                        <p class="sb-hp-carousel-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt
                           ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p><a href="#/" target="_blank" class="sb-hp-carousel-link" aria-label="Learn More">Learn More</a></div>
                  </div>
               </div>
               <div class="sb-hp-carousel-item">
                  <div class="sb-hp-carousel-inner">
                     <div class="sb-hp-carousel-image"><img src="/_resources/images/hp-carousel-placeholder-image.jpg" alt="./ikmagealt" loading="lazy"></div>
                     <div class="sb-hp-carousel-content">
                        <h1 class="sb-hp-carousel-name">Another Name</h1>
                        <p class="sb-hp-carousel-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt
                           ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p><a href="####" target="_blank" class="sb-hp-carousel-link" aria-label="Learn More">Learn More</a></div>
                  </div>
               </div>
            </div>
         </section>
      </main>
      <div class="divider divider-24 gradient-specialty-deep-blue-green"></div><footer class="sb-footer">
   <div class="section-content-wrapper">
      <div class="sb-footer-cta-row d-flex flex-wrap align-items-center justify-content-start mb-5">
         <h2 class="sb-footer-heading mb-0">Want to learn more about SBU?</h2><a class="btn sb-footer-cta" title="Request Information" href="#/">Request Information</a></div>
      <div class="row gy-5 align-items-start">
         <div class="col-12 col-md-8">
            <div class="row gy-4">
               <div class="col-12 col-sm-6 col-md-6 col-lg-3">
                  <h3 class="sb-footer-title">About SBU</h3>
                  <ul class="sb-footer-links">
                     <li><a href="#" target="_blank" rel="noopener">Contact</a></li>
                     <li><a href="#">Fast Facts</a></li>
                     <li><a href="#" title="News">News</a></li>
                     <li><a href="#">For Media</a></li>
                     <li><a href="#">Careers</a></li>
                  </ul>
               </div>
               <div class="col-12 col-sm-6 col-md-6 col-lg-3">
                  <h3 class="sb-footer-title">Education</h3>
                  <ul class="sb-footer-links">
                     <li><a href="#">Majors &amp; Minors</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Colleges &amp; Schools</a></li>
                     <li><a href="#" target="_blank" rel="noopener">University Catalogs</a></li>
                     <li><a href="#">Brightspace</a></li>
                     <li><a href="#" title="Careers">Careers</a></li>
                  </ul>
               </div>
               <div class="col-12 col-sm-6 col-md-6 col-lg-3">
                  <h3 class="sb-footer-title">Resources</h3>
                  <ul class="sb-footer-links">
                     <li><a href="#" title="Academic Calendar">Academic Calendar</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Undergraduate Bulletin</a></li>
                     <li><a href="#">Graduate Bulletin</a></li>
                     <li><a href="#">Health Sciences Bulletin</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Libraries</a></li>
                  </ul>
               </div>
               <div class="col-12 col-sm-6 col-md-6 col-lg-3">
                  <h3 class="sb-footer-title">Find</h3>
                  <ul class="sb-footer-links">
                     <li><a href="#">People Directory</a></li>
                     <li><a href="#">A–Z Web Directory</a></li>
                     <li><a href="#">Calendars</a></li>
                     <li><a href="#" title="Jobs">Jobs</a></li>
                     <li><a href="#">Maps &amp; Directions</a></li>
                     <li><a href="#">Parking</a></li>
                  </ul>
               </div>
            </div>
         </div>
         <div class="col-12 col-md-4 d-flex justify-content-end sb-footer-logo-col">
            <div class="footer-brand text-center"><img src="/_resources/images/sb-logo-horizontal.png" alt="footer-logo" class="sb-footer-logo mb-2"><div class="sb-footer-social"><span class="follow-label">Follow Us</span><ul class="list-inline mt-2">
                     <li class="list-inline-item"><a href="https://www.facebook.com" aria-label="Facebook"><svg xmlns="http://www.w3.org/2000/svg" role="img" focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                              <title>Facebook</title>
                              <path fill="currentColor" d="M12 0C5.37264 0 0 5.37264 0 12C0 17.6275 3.87456 22.3498 9.10128 23.6467V15.6672H6.62688V12H9.10128V10.4198C9.10128 6.33552 10.9498 4.4424 14.9597 4.4424C15.72 4.4424 17.0318 4.59168 17.5685 4.74048V8.06448C17.2853 8.03472 16.7933 8.01984 16.1822 8.01984C14.2147 8.01984 13.4544 8.76528 13.4544 10.703V12H17.3741L16.7006 15.6672H13.4544V23.9122C19.3963 23.1946 24.0005 18.1354 24.0005 12C24 5.37264 18.6274 0 12 0Z"/></svg></a></li>
                     <li class="list-inline-item"><a href="https://www.instagram.com" aria-label="Instagram"><svg xmlns="http://www.w3.org/2000/svg" role="img" focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                              <title>Instagram</title>
                              <g clip-path="url(#clip0)">
                                 <path fill="currentColor" d="M12 2.16094C15.2063 2.16094 15.5859 2.175 16.8469 2.23125C18.0188 2.28281 18.6516 2.47969 19.0734 2.64375C19.6313 2.85938 20.0344 3.12188 20.4516 3.53906C20.8734 3.96094 21.1313 4.35938 21.3469 4.91719C21.5109 5.33906 21.7078 5.97656 21.7594 7.14375C21.8156 8.40937 21.8297 8.78906 21.8297 11.9906C21.8297 15.1969 21.8156 15.5766 21.7594 16.8375C21.7078 18.0094 21.5109 18.6422 21.3469 19.0641C21.1313 19.6219 20.8687 20.025 20.4516 20.4422C20.0297 20.8641 19.6313 21.1219 19.0734 21.3375C18.6516 21.5016 18.0141 21.6984 16.8469 21.75C15.5813 21.8062 15.2016 21.8203 12 21.8203C8.79375 21.8203 8.41406 21.8062 7.15313 21.75C5.98125 21.6984 5.34844 21.5016 4.92656 21.3375C4.36875 21.1219 3.96563 20.8594 3.54844 20.4422C3.12656 20.0203 2.86875 19.6219 2.65313 19.0641C2.48906 18.6422 2.29219 18.0047 2.24063 16.8375C2.18438 15.5719 2.17031 15.1922 2.17031 11.9906C2.17031 8.78438 2.18438 8.40469 2.24063 7.14375C2.29219 5.97187 2.48906 5.33906 2.65313 4.91719C2.86875 4.35938 3.13125 3.95625 3.54844 3.53906C3.97031 3.11719 4.36875 2.85938 4.92656 2.64375C5.34844 2.47969 5.98594 2.28281 7.15313 2.23125C8.41406 2.175 8.79375 2.16094 12 2.16094ZM12 0C8.74219 0 8.33438 0.0140625 7.05469 0.0703125C5.77969 0.126563 4.90313 0.332812 4.14375 0.628125C3.35156 0.9375 2.68125 1.34531 2.01563 2.01562C1.34531 2.68125 0.9375 3.35156 0.628125 4.13906C0.332812 4.90313 0.126563 5.775 0.0703125 7.05C0.0140625 8.33437 0 8.74219 0 12C0 15.2578 0.0140625 15.6656 0.0703125 16.9453C0.126563 18.2203 0.332812 19.0969 0.628125 19.8563C0.9375 20.6484 1.34531 21.3188 2.01563 21.9844C2.68125 22.65 3.35156 23.0625 4.13906 23.3672C4.90313 23.6625 5.775 23.8687 7.05 23.925C8.32969 23.9812 8.7375 23.9953 11.9953 23.9953C15.2531 23.9953 15.6609 23.9812 16.9406 23.925C18.2156 23.8687 19.0922 23.6625 19.8516 23.3672C20.6391 23.0625 21.3094 22.65 21.975 21.9844C22.6406 21.3188 23.0531 20.6484 23.3578 19.8609C23.6531 19.0969 23.8594 18.225 23.9156 16.95C23.9719 15.6703 23.9859 15.2625 23.9859 12.0047C23.9859 8.74688 23.9719 8.33906 23.9156 7.05938C23.8594 5.78438 23.6531 4.90781 23.3578 4.14844C23.0625 3.35156 22.6547 2.68125 21.9844 2.01562C21.3188 1.35 20.6484 0.9375 19.8609 0.632812C19.0969 0.3375 18.225 0.13125 16.95 0.075C15.6656 0.0140625 15.2578 0 12 0Z"/>
                                 <path fill="currentColor" d="M12 5.83594C8.59688 5.83594 5.83594 8.59688 5.83594 12C5.83594 15.4031 8.59688 18.1641 12 18.1641C15.4031 18.1641 18.1641 15.4031 18.1641 12C18.1641 8.59688 15.4031 5.83594 12 5.83594ZM12 15.9984C9.79219 15.9984 8.00156 14.2078 8.00156 12C8.00156 9.79219 9.79219 8.00156 12 8.00156C14.2078 8.00156 15.9984 9.79219 15.9984 12C15.9984 14.2078 14.2078 15.9984 12 15.9984Z"/>
                                 <path fill="currentColor" d="M19.8469 5.59214C19.8469 6.38902 19.2 7.0312 18.4078 7.0312C17.6109 7.0312 16.9688 6.38433 16.9688 5.59214C16.9688 4.79526 17.6156 4.15308 18.4078 4.15308C19.2 4.15308 19.8469 4.79995 19.8469 5.59214Z"/>
                              </g>
                              <defs>
                                 <clipPath id="clip0">
                                    <rect width="24" height="24" fill="white"/>
                                 </clipPath>
                              </defs></svg></a></li>
                     <li class="list-inline-item"><a href="https://www.linkedin.com" aria-label="LinkedIn"><svg xmlns="http://www.w3.org/2000/svg" role="img" focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                              <title>LinkedIn</title>
                              <path fill="currentColor" d="M22.2234 0H1.77187C0.792187 0 0 0.773438 0 1.72969V22.2656C0 23.2219 0.792187 24 1.77187 24H22.2234C23.2031 24 24 23.2219 24 22.2703V1.72969C24 0.773438 23.2031 0 22.2234 0ZM7.12031 20.4516H3.55781V8.99531H7.12031V20.4516ZM5.33906 7.43438C4.19531 7.43438 3.27188 6.51094 3.27188 5.37187C3.27188 4.23281 4.19531 3.30937 5.33906 3.30937C6.47813 3.30937 7.40156 4.23281 7.40156 5.37187C7.40156 6.50625 6.47813 7.43438 5.33906 7.43438ZM20.4516 20.4516H16.8937V14.8828C16.8937 13.5562 16.8703 11.8453 15.0422 11.8453C13.1906 11.8453 12.9094 13.2937 12.9094 14.7891V20.4516H9.35625V8.99531H12.7687V10.5609H12.8156C13.2891 9.66094 14.4516 8.70938 16.1813 8.70938C19.7859 8.70938 20.4516 11.0813 20.4516 14.1656V20.4516Z"/></svg></a></li>
                     <li class="list-inline-item"><a href="https://www.x.com" aria-label="X"><svg xmlns="http://www.w3.org/2000/svg" role="img" focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                              <title>X (Twitter)</title>
                              <path fill="currentColor" d="M18.3263 1.9039H21.6998L14.3297 10.3274L23 21.7899H16.2112L10.894 14.8379L4.80995 21.7899H1.43443L9.31743 12.78L1 1.9039H7.96111L12.7674 8.25823L18.3263 1.9039ZM17.1423 19.7707H19.0116L6.94539 3.81703H4.93946L17.1423 19.7707Z"/></svg></a></li>
                     <li class="list-inline-item"><a href="https://www.youtube.com" aria-label="YouTube"><svg xmlns="http://www.w3.org/2000/svg" role="img" focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                              <title>YouTube</title>
                              <path fill="currentColor" d="M23.7609 7.20005C23.7609 7.20005 23.5266 5.54536 22.8047 4.8188C21.8906 3.86255 20.8688 3.85786 20.4 3.80161C17.0438 3.55786 12.0047 3.55786 12.0047 3.55786H11.9953C11.9953 3.55786 6.95625 3.55786 3.6 3.80161C3.13125 3.85786 2.10938 3.86255 1.19531 4.8188C0.473438 5.54536 0.24375 7.20005 0.24375 7.20005C0.24375 7.20005 0 9.14536 0 11.086V12.9047C0 14.8454 0.239062 16.7907 0.239062 16.7907C0.239062 16.7907 0.473437 18.4454 1.19062 19.1719C2.10469 20.1282 3.30469 20.0954 3.83906 20.1985C5.76094 20.3813 12 20.4375 12 20.4375C12 20.4375 17.0438 20.4282 20.4 20.1891C20.8688 20.1329 21.8906 20.1282 22.8047 19.1719C23.5266 18.4454 23.7609 16.7907 23.7609 16.7907C23.7609 16.7907 24 14.85 24 12.9047V11.086C24 9.14536 23.7609 7.20005 23.7609 7.20005ZM9.52031 15.1125V8.36724L16.0031 11.7516L9.52031 15.1125Z"/></svg></a></li>
                  </ul>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="sb-sub-footer py-4">
   <div class="section-content-wrapper text-center small">
      <div class="sb-sub-footer-meta mb-2"><span id="directedit">©</span> 2025 Stony Brook University | 100 Nicolls Road, Stony Brook, NY 11794 | (631) 632-6000 | <a href="/contact.php">Contact</a></div>
      <div class="sb-sub-footer-links"><a href="#" target="_blank" rel="noopener">Accessibility</a> | <a href="#">Privacy Policy</a> | <a href="#">Sustainability</a> | <a title="Diversity Discrimination" href="#">Diversity Discrimination</a> | <a href="#" target="_blank" rel="noopener">Sexual Misconduct</a> | <a href="#">Accessibility Barrier</a></div>
      <div class="sb-sub-footer-disclaimer mt-2">Stony Brook University resides on the ancestral, traditional, and contemporary lands
         of the aboriginal territory of the Setauket or the Setalcott tribe. We acknowledge
         federal and state recognized tribes who live here now and those who were forcibly
         removed from their homelands. In offering this land acknowledgement, we affirm indigenous
         sovereignty, history, and experience.</div>
   </div>
</div></footer><ouc:editor wysiwyg="no"/>
<!-- Scripts -->
<script src="/_resources/js/bootstrap.bundle.min.js" defer="defer"></script>
<!-- jQuery is required for Slick Slider functionality -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<script src="/_resources/js/sb-main.js" defer="defer"></script>
<script src="/_resources/js/sb-animations.js" defer="defer"></script>
<script src="/_resources/js/vendor/slick.min.js" defer="defer"></script>
<script src="/_resources/js/sb-homepage-hero.js" defer="defer"></script>
      <div id="ou-hidden" style="display:none;"><!-- com.omniupdate.ob --><a id="de" rel="nofollow" href="https://a.cms.omniupdate.com/11/?skin=oucampus&amp;account=suny-stonybrook&amp;site=stonybrook&amp;action=de&amp;path=/_showcase/index.pcf">&copy;</a><!-- /com.omniupdate.ob --></div><script>
			if(document.getElementById("de") != null && document.getElementById("directedit")) {
				var link = document.getElementById("de").parentNode.innerHTML;
				document.getElementById("de").parentNode.innerHTML = "";
				document.getElementById("directedit").innerHTML = link.replace(/^\s+|\s+$/gm,'');
			}
		</script><!-- ouc:info uuid="efd93f71-7f25-49b8-a190-0a94b3c84449"/ --></body>
</html>
          Evidence 
          X-Powered-By: PHP/7.2.24
          Solution

          Ensure that your web server, application server, load balancer, etc. is configured to suppress "X-Powered-By" headers.
      3. X-Content-Type-Options Header Missing (1)
        1. GET https://web-test.stonybrook.edu/_showcase/index.php
          Alert tags
          Alert description

          The Anti-MIME-Sniffing header X-Content-Type-Options was not set to 'nosniff'. This allows older versions of Internet Explorer and Chrome to perform MIME-sniffing on the response body, potentially causing the response body to be interpreted and displayed as a content type other than the declared content type. Current (early 2014) and legacy versions of Firefox will use the declared content type (if one is set), rather than performing MIME-sniffing.
          Other info

          This issue still applies to error type pages (401, 403, 500, etc.) as those pages are often still affected by injection issues, in which case there is still concern for browsers sniffing pages away from their actual content type.

          At "High" threshold this scan rule will not alert on client or server error responses.
          Request
          Request line and header section (281 bytes) 
          GET https://web-test.stonybrook.edu/_showcase/index.php HTTP/1.1
host: web-test.stonybrook.edu
user-agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36 OPR/102.0.0.0
pragma: no-cache
cache-control: no-cache
          Request body (0 bytes)
          Response
          Status line and header section (220 bytes) 
          HTTP/1.1 200 OK
Date: Wed, 06 Aug 2025 16:03:07 GMT
Server: Apache
X-Powered-By: PHP/7.2.24
X-Frame-Options: DENY
SERVER-ID: {NODE-NAME}.{NODE-ENV}
Content-Type: text/html; charset=UTF-8
content-length: 130771
          Response body (130771 bytes) 
          <!DOCTYPE HTML><html lang="en">
   <head>
      <meta charset="UTF-8">
      <meta http-equiv="x-ua-compatible" content="ie=edge">
      <title>Home</title>
      <link rel="canonical" href="https://web-test.stonybrook.edu/_showcase/index.php">
      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
      <ouc:editor wysiwyg="no"/>
<!-- this is the headcode include -->
<link rel="apple-touch-icon" href="https://www.stonybrook.edu/commcms/_resources/favicon/apple-touch-icon.png"/>
<link rel="apple-touch-icon" sizes="144x144" href="https://www.stonybrook.edu/commcms/_resources/favicon/apple-touch-icon-144x144-precomposed.png"/>
<link rel="icon" href="https://www.stonybrook.edu/commcms/_resources/favicon/apple-touch-icon.png"/>
<!-- Preload Fonts for Faster Rendering -->
<link rel="preload" href="https://fonts.googleapis.com/css2?family=Alumni+Sans:wght@400;500;600;700;800&family=Barlow:wght@400;500;600;700&family=Barlow+Semi+Condensed:wght@400;500;600;700&family=Bitter:wght@400;600;700&display=swap" as="style" />

<!-- Load Fonts Early -->
<link href="https://fonts.googleapis.com/css2?family=Alumni+Sans:wght@400;500;600;700;800&family=Barlow:wght@400;500;600;700&family=Barlow+Semi+Condensed:wght@400;500;600;700&family=Bitter:wght@400;600;700&display=swap" rel="stylesheet"/>

<!-- Load Main Styles -->
<link rel="stylesheet" href="/_resources/css/sb-main.css"/><ouc:editor wysiwyg="no"/>
<!-- Insert google analytics here -->
</head>
   <body><ouc:editor wysiwyg="no"/><!-- <?pcf-stylesheet path="/_resources/xsl/_widgets/header.xsl" title="Mobile" alternate="no" publish="yes" extension=".mobile.html"?> --><header class="container-fluid no-gutter"><a href="#main-content" class="skip-link">Skip to main content</a><nav class="desktop-nav" role="navigation" aria-label="Main Navigation">
      <div class="top-nav-wrapper">
         <div class="nav-wrapper container-xl">
            <div class="top-nav d-flex justify-content-between align-items-center">
               <div class="top-nav-left">
                  <ul>
                     <li><a href="/apply" target="_blank" rel="noopener">Apply</a></li>
                     <li><a href="/visit">Visit</a></li>
                     <li><a href="/give">Giving</a></li>
                     <li><a href="/medicine" title="Medicine">Medicine</a></li>
                  </ul>
               </div>
               <ul class="top-nav-right">
                  <li class="dropdown"><a href="#" aria-haspopup="true" aria-expanded="false">Resources For  ▾</a><ul class="dropdown-menu">
                        <li><a href="#">Maps and Directions</a></li>
                        <li><a href="##">Virtual Tour</a></li>
                        <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                        <li><a title="Stony Brook Southampton" href="##">Stony Brook Southampton</a></li>
                        <li><a href="###">The New York Climate Exchange</a></li>
                     </ul>
                  </li>
                  <li class="dropdown"><a href="#" aria-haspopup="true" aria-expanded="false">Logins  ▾</a><ul class="dropdown-menu">
                        <li><a href="#" target="_blank" rel="noopener">Student Portal</a></li>
                        <li><a href="###">Faculty Portal</a></li>
                        <li><a href="##">Employee Services</a></li>
                        <li><a title="Library Account" href="#">Library Account</a></li>
                        <li><a href="##">Alumni Login</a></li>
                     </ul>
                  </li>
                  <li class="search-box"><button class="search-toggle" aria-label="Open Search"><svg width="24" height="24" viewBox="0 0 24 24" fill="none">
                           <path d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z" stroke="white" stroke-width="2"></path>
                           <path d="M21 20.9999L16.65 16.6499" stroke="white" stroke-width="2"></path></svg></button></li>
               </ul>
            </div>
         </div>
      </div>
      <div class="primary-nav-wrapper">
         <div class="nav-wrapper container-xl">
            <div class="primary-nav d-flex justify-content-between align-items-center">
               <div class="logo"><a href="/"><img src="/_resources/images/sb-logo-desktop.svg" alt="logo"></a></div>
               <ul class="primary-links">
                  <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-about" href="#about">About</a><div class="mega-menu" id="mega-about" role="region" aria-label="About Menu">
                        <div class="nav-wrapper container-xl">
                           <div class="row">
                              <div class="col-lg-4">
                                 <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternate"><a class="image-caption" href="#about">About</a></div>
                              </div>
                              <div class="col-lg-8">
                                 <div class="mega-link-row custom-mega-gutter">
                                    <div class="left-columns">
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">History</a></li>
                                             <li><a href="##">Administration</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Maps &amp; Directions</a></li>
                                             <li><a href="##">Virtual Tour</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                             <li><a href="##">The New York Climate Exchange</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li class="mega-subheading">News &amp; Publications</li>
                                             <li><a href="##">News</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                             <li><a href="##">Economic Impact</a></li>
                                          </ul>
                                       </div>
                                    </div>
                                    <div class="related-links-col">
                                       <ul class="related-links">
                                          <li class="mega-subheading">Related Links</li>
                                          <li><a href="##">Calendars</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                          <li><a href="##">Diversity</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </li>
                  <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-admissions" href="#admissions">Admissions</a><div class="mega-menu" id="mega-admissions" role="region" aria-label="About Menu">
                        <div class="nav-wrapper container-xl">
                           <div class="row">
                              <div class="col-lg-4">
                                 <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternate text"><a class="image-caption" href="#admissions">Admissions</a></div>
                              </div>
                              <div class="col-lg-8">
                                 <div class="mega-link-row custom-mega-gutter">
                                    <div class="left-columns">
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">History</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                             <li><a href="##">Administration</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Maps &amp; Directions</a></li>
                                             <li><a href="##">Virtual Tour</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                             <li><a href="##">The New York Climate Exchange</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li class="mega-subheading">News &amp; Publications</li>
                                             <li><a href="##">News</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                             <li><a href="##">Economic Impact</a></li>
                                          </ul>
                                       </div>
                                    </div>
                                    <div class="related-links-col">
                                       <ul class="related-links">
                                          <li class="mega-subheading">Related Links</li>
                                          <li><a href="##">Calendars</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                          <li><a href="##">Diversity</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </li>
                  <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-academics" href="#academics">Academics</a><div class="mega-menu" id="mega-academics" role="region" aria-label="About Menu">
                        <div class="nav-wrapper container-xl">
                           <div class="row">
                              <div class="col-lg-4">
                                 <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternative text"><a class="image-caption" href="#academics">Academics</a></div>
                              </div>
                              <div class="col-lg-8">
                                 <div class="mega-link-row custom-mega-gutter">
                                    <div class="left-columns">
                                       <div class="col">
                                          <ul>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                             <li><a href="##">History</a></li>
                                             <li><a href="##">Administration</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Maps &amp; Directions</a></li>
                                             <li><a href="##">Virtual Tour</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                             <li><a href="##">The New York Climate Exchange</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li class="mega-subheading">News &amp; Publications</li>
                                             <li><a href="##">News</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                             <li><a href="##">Economic Impact</a></li>
                                          </ul>
                                       </div>
                                    </div>
                                    <div class="related-links-col">
                                       <ul class="related-links">
                                          <li class="mega-subheading">Related Links</li>
                                          <li><a href="##">Calendars</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                          <li><a href="##">Diversity</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </li>
                  <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-campus-life" href="#campuslife">Campus Life</a><div class="mega-menu" id="mega-campus-life" role="region" aria-label="About Menu">
                        <div class="nav-wrapper container-xl">
                           <div class="row">
                              <div class="col-lg-4">
                                 <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is alternate text"><a class="image-caption" href="#campuslife">Campus Life</a></div>
                              </div>
                              <div class="col-lg-8">
                                 <div class="mega-link-row custom-mega-gutter">
                                    <div class="left-columns">
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">History</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                             <li><a href="##">Administration</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Maps &amp; Directions</a></li>
                                             <li><a href="##">Virtual Tour</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                             <li><a href="##">The New York Climate Exchange</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li class="mega-subheading">News &amp; Publications</li>
                                             <li><a href="##">News</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                             <li><a href="##">Economic Impact</a></li>
                                          </ul>
                                       </div>
                                    </div>
                                    <div class="related-links-col">
                                       <ul class="related-links">
                                          <li class="mega-subheading">Related Links</li>
                                          <li><a href="##">Calendars</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                          <li><a href="##">Diversity</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </li>
                  <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-research" href="#research">Research</a><div class="mega-menu" id="mega-research" role="region" aria-label="About Menu">
                        <div class="nav-wrapper container-xl">
                           <div class="row">
                              <div class="col-lg-4">
                                 <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alt"><a class="image-caption" href="#research">Research</a></div>
                              </div>
                              <div class="col-lg-8">
                                 <div class="mega-link-row custom-mega-gutter">
                                    <div class="left-columns">
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Administration</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                             <li><a href="##">History</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Maps &amp; Directions</a></li>
                                             <li><a href="##">Virtual Tour</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                             <li><a href="##">The New York Climate Exchange</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li class="mega-subheading">News &amp; Publications</li>
                                             <li><a href="##">News</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                             <li><a href="##">Economic Impact</a></li>
                                          </ul>
                                       </div>
                                    </div>
                                    <div class="related-links-col">
                                       <ul class="related-links">
                                          <li class="mega-subheading">Related Links</li>
                                          <li><a href="##">Calendars</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                          <li><a href="##">Diversity</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </li>
                  <li><a href="#athletics">Athletics</a></li>
               </ul>
            </div>
         </div>
      </div>
      <div class="search-panel desktop-search-panel">
         <div class="search-panel-inner"><button class="sb-search-panel-close" aria-label="Close search panel">×</button><div class="sb-search-panel p-4">
               <form class="sb-search-form" action="//stonybrook.edu/search" method="get" role="search" aria-label="Site search">
                  <div class="row g-2 align-items-end">
                     <div class="col-12 col-md"><label for="sb-search-input" class="visually-hidden">Search Stony Brook University</label><div class="sb-search-input-wrapper"><span class="sb-search-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                 <path d="M7.33333 12.6667C10.2789 12.6667 12.6667 10.2789 12.6667 7.33333C12.6667 4.38781 10.2789 2 7.33333 2C4.38781 2 2 4.38781 2 7.33333C2 10.2789 4.38781 12.6667 7.33333 12.6667Z" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                 <path d="M14 14L11.1 11.1" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><input type="text" id="sb-search-input" name="q" placeholder="Search Stony Brook University" value="" size="30" tabindex="41" class="populate form-control"></div>
                     </div>
                     <div class="col-12 col-md-auto"><button type="submit" class="btn btn-dark w-100 text-uppercase sb-search-button">Search</button></div>
                  </div>
               </form>
            </div>
         </div>
      </div>
   </nav>
   <div class="mobile-header">
      <div class="header-bar">
         <div class="header-left"><a href="#" class="logo"><img src="/_resources/images/sb-logo-mobile.svg" alt="mobile logo"></a></div>
         <div class="header-right">
            <ul class="header-actions">
               <li class="search-box"><button class="search-toggle-mobile" aria-label="Open Search"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                        <path d="M7.33333 12.6667C10.2789 12.6667 12.6667 10.2789 12.6667 7.33333C12.6667 4.38781 10.2789 2 7.33333 2C4.38781 2 2 4.38781 2 7.33333C2 10.2789 4.38781 12.6667 7.33333 12.6667Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        <path d="M14 14L11.1 11.1" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></button></li>
               <li class="menu-trigger"><button class="menu-toggle" aria-label="Open Menu" aria-expanded="false"><span class="bar"></span><span class="bar"></span><span class="bar"></span></button></li>
            </ul>
         </div>
      </div>
   </div>
   <div class="search-panel mobile-search-panel">
      <div class="search-panel-inner"><button class="sb-search-panel-close" aria-label="Close search panel">×</button><div class="sb-search-panel p-4">
            <form class="sb-search-form" action="//stonybrook.edu/search" method="get" role="search" aria-label="Site search">
               <div class="row g-2 align-items-end">
                  <div class="col-12 col-md"><label for="sb-search-input-mobile" class="visually-hidden">Search Stony Brook University</label><div class="sb-search-input-wrapper"><span class="sb-search-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                              <path d="M7.33333 12.6667C10.2789 12.6667 12.6667 10.2789 12.6667 7.33333C12.6667 4.38781 10.2789 2 7.33333 2C4.38781 2 2 4.38781 2 7.33333C2 10.2789 4.38781 12.6667 7.33333 12.6667Z" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                              <path d="M14 14L11.1 11.1" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><input type="text" id="sb-search-input-mobile" title="Search stonybrook.edu" value="" size="30" tabindex="41" name="q" placeholder="Search Stony Brook University" class="populate form-control"></div>
                  </div>
                  <div class="col-12 col-md-auto"><button type="submit" class="btn btn-dark w-100 text-uppercase sb-search-button">Search</button></div>
               </div>
            </form>
         </div>
      </div>
   </div>
   <nav class="responsive-nav" role="navigation" aria-label="Mobile Navigation">
      <div class="menu-panel">
         <div class="overlay"></div>
         <div class="menu-content">
            <ul class="primary-menu">
               <li class="has-submenu">
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#about">About</a><button class="accordion-toggle" aria-expanded="false" aria-controls="submenu-about" aria-label="Expand About submenu"><span class="arrow"></span></button></div>
                  <ul id="submenu-about" class="accordion-panel" aria-hidden="true">
                     <li><a href="##">History</a></li>
                     <li><a href="##">Administration</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                     <li><a href="##">Maps &amp; Directions</a></li>
                     <li><a href="##">Virtual Tour</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                     <li><a href="##">The New York Climate Exchange</a></li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">News &amp; Publications</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-news-1" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-news-1" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">News</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                           <li><a href="##">Economic Impact</a></li>
                        </ul>
                     </li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">Related Links</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-related-links-1" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-related-links-1" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">Calendars</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                           <li><a href="##">Diversity</a></li>
                           <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                        </ul>
                     </li>
                  </ul>
               </li>
               <li class="has-submenu">
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#admissions">Admissions</a><button class="accordion-toggle" aria-expanded="false" aria-controls="submenu-admissions" aria-label="Expand About submenu"><span class="arrow"></span></button></div>
                  <ul id="submenu-admissions" class="accordion-panel" aria-hidden="true">
                     <li><a href="##">History</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                     <li><a href="##">Administration</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                     <li><a href="##">Maps &amp; Directions</a></li>
                     <li><a href="##">Virtual Tour</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                     <li><a href="##">The New York Climate Exchange</a></li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">News &amp; Publications</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-news-2" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-news-2" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">News</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                           <li><a href="##">Economic Impact</a></li>
                        </ul>
                     </li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">Related Links</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-related-links-2" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-related-links-2" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">Calendars</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                           <li><a href="##">Diversity</a></li>
                           <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                        </ul>
                     </li>
                  </ul>
               </li>
               <li class="has-submenu">
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#academics">Academics</a><button class="accordion-toggle" aria-expanded="false" aria-controls="submenu-academics" aria-label="Expand About submenu"><span class="arrow"></span></button></div>
                  <ul id="submenu-academics" class="accordion-panel" aria-hidden="true">
                     <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                     <li><a href="##">History</a></li>
                     <li><a href="##">Administration</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                     <li><a href="##">Maps &amp; Directions</a></li>
                     <li><a href="##">Virtual Tour</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                     <li><a href="##">The New York Climate Exchange</a></li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">News &amp; Publications</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-news-3" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-news-3" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">News</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                           <li><a href="##">Economic Impact</a></li>
                        </ul>
                     </li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">Related Links</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-related-links-3" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-related-links-3" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">Calendars</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                           <li><a href="##">Diversity</a></li>
                           <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                        </ul>
                     </li>
                  </ul>
               </li>
               <li class="has-submenu">
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#campuslife">Campus Life</a><button class="accordion-toggle" aria-expanded="false" aria-controls="submenu-campus-life" aria-label="Expand About submenu"><span class="arrow"></span></button></div>
                  <ul id="submenu-campus-life" class="accordion-panel" aria-hidden="true">
                     <li><a href="##">History</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                     <li><a href="##">Administration</a></li>
                     <li><a href="##">Maps &amp; Directions</a></li>
                     <li><a href="##">Virtual Tour</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                     <li><a href="##">The New York Climate Exchange</a></li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">News &amp; Publications</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-news-4" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-news-4" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">News</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                           <li><a href="##">Economic Impact</a></li>
                        </ul>
                     </li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">Related Links</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-related-links-4" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-related-links-4" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">Calendars</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                           <li><a href="##">Diversity</a></li>
                           <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                        </ul>
                     </li>
                  </ul>
               </li>
               <li class="has-submenu">
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#research">Research</a><button class="accordion-toggle" aria-expanded="false" aria-controls="submenu-research" aria-label="Expand About submenu"><span class="arrow"></span></button></div>
                  <ul id="submenu-research" class="accordion-panel" aria-hidden="true">
                     <li><a href="##">Administration</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                     <li><a href="##">History</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                     <li><a href="##">Maps &amp; Directions</a></li>
                     <li><a href="##">Virtual Tour</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                     <li><a href="##">The New York Climate Exchange</a></li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">News &amp; Publications</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-news-5" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-news-5" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">News</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                           <li><a href="##">Economic Impact</a></li>
                        </ul>
                     </li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">Related Links</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-related-links-5" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-related-links-5" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">Calendars</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                           <li><a href="##">Diversity</a></li>
                           <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                        </ul>
                     </li>
                  </ul>
               </li>
               <li>
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#athletics">Athletics</a></div>
               </li>
               <li>
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="/medicine" title="Medicine">Medicine</a></div>
               </li>
            </ul>
            <div class="mobile-nav-footer-links">
               <div class="info-logins-grid">
                  <div class="info-column">
                     <h3 class="footer-heading">Info for —</h3>
                     <ul class="footer-link-list">
                        <li><a href="#">Maps and Directions</a></li>
                        <li><a href="##">Virtual Tour</a></li>
                        <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                        <li><a title="Stony Brook Southampton" href="##">Stony Brook Southampton</a></li>
                        <li><a href="###">The New York Climate Exchange</a></li>
                     </ul>
                  </div>
                  <div class="logins-column">
                     <h3 class="footer-heading with-icon"><span class="login-icon" aria-hidden="true"><img src="/_resources/images/logins-icon.svg" alt="" width="16" height="17"></span>
                        				Logins —
                        			</h3>
                     <ul class="footer-link-list">
                        <li><a href="#" target="_blank" rel="noopener">Student Portal</a></li>
                        <li><a href="###">Faculty Portal</a></li>
                        <li><a href="##">Employee Services</a></li>
                        <li><a title="Library Account" href="#">Library Account</a></li>
                        <li><a href="##">Alumni Login</a></li>
                     </ul>
                  </div>
               </div>
            </div>
         </div>
         <div class="bottom-links">
            <ul class="bottom-links-list">
               <li><a href="/apply" target="_blank" rel="noopener">Apply</a></li>
               <li><a href="/visit">Visit</a></li>
               <li><a href="/give">Giving</a></li>
            </ul>
         </div>
      </div>
   </nav>
   <nav class="sticky-nav" aria-label="Sticky Navigation" role="navigation">
      <div class="sticky-search-panel">
         <div class="search-panel-inner"><button class="sb-search-panel-close" aria-label="Close search panel">×</button><div class="sb-search-panel p-4">
               <form class="sb-search-form" action="//stonybrook.edu/search" method="get" role="search" aria-label="Site search">
                  <div class="row g-2 align-items-end">
                     <div class="col-12 col-md"><label for="sb-search-input-sticky" class="visually-hidden">Search Stony Brook University</label><div class="sb-search-input-wrapper"><span class="sb-search-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                 <path d="M7.33333 12.6667C10.2789 12.6667 12.6667 10.2789 12.6667 7.33333C12.6667 4.38781 10.2789 2 7.33333 2C4.38781 2 2 4.38781 2 7.33333C2 10.2789 4.38781 12.6667 7.33333 12.6667Z" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                 <path d="M14 14L11.1 11.1" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><input type="text" id="sb-search-input-sticky" name="q" title="Search stonybrook.edu" value="" size="30" tabindex="41" placeholder="Search Stony Brook University" class="populate form-control"></div>
                     </div>
                     <div class="col-12 col-md-auto"><button type="submit" class="btn btn-dark w-100 text-uppercase sb-search-button">Search</button></div>
                  </div>
               </form>
            </div>
         </div>
      </div>
      <div class="sticky-nav-background"></div>
      <div class="sticky-nav-content d-flex justify-content-between align-items-center">
         <div class="sticky-nav-left">
            <div class="logo"><a href="/"><img src="/_resources/images/sb-logo-sticky.svg" alt="sticky logo"></a></div>
         </div>
         <div class="sticky-nav-right">
            <ul class="sticky-links list-unstyled d-flex mb-0">
               <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-about-sticky" href="#about">About</a><div class="mega-menu" id="mega-about-sticky" role="region" aria-label="About Menu">
                     <div class="nav-wrapper container-xl">
                        <div class="row">
                           <div class="col-lg-4">
                              <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternate"><a class="image-caption" href="#about">About</a></div>
                           </div>
                           <div class="col-lg-8">
                              <div class="mega-link-row custom-mega-gutter">
                                 <div class="left-columns">
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">History</a></li>
                                          <li><a href="##">Administration</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Maps &amp; Directions</a></li>
                                          <li><a href="##">Virtual Tour</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                          <li><a href="##">The New York Climate Exchange</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li class="mega-subheading">News &amp; Publications</li>
                                          <li><a href="##">News</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                          <li><a href="##">Economic Impact</a></li>
                                       </ul>
                                    </div>
                                 </div>
                                 <div class="related-links-col">
                                    <ul class="related-links">
                                       <li class="mega-subheading">Related Links</li>
                                       <li><a href="##">Calendars</a></li>
                                       <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                       <li><a href="##">Diversity</a></li>
                                       <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </li>
               <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-admissions-sticky" href="#admissions">Admissions</a><div class="mega-menu" id="mega-admissions-sticky" role="region" aria-label="About Menu">
                     <div class="nav-wrapper container-xl">
                        <div class="row">
                           <div class="col-lg-4">
                              <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternate text"><a class="image-caption" href="#admissions">Admissions</a></div>
                           </div>
                           <div class="col-lg-8">
                              <div class="mega-link-row custom-mega-gutter">
                                 <div class="left-columns">
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">History</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                          <li><a href="##">Administration</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Maps &amp; Directions</a></li>
                                          <li><a href="##">Virtual Tour</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                          <li><a href="##">The New York Climate Exchange</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li class="mega-subheading">News &amp; Publications</li>
                                          <li><a href="##">News</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                          <li><a href="##">Economic Impact</a></li>
                                       </ul>
                                    </div>
                                 </div>
                                 <div class="related-links-col">
                                    <ul class="related-links">
                                       <li class="mega-subheading">Related Links</li>
                                       <li><a href="##">Calendars</a></li>
                                       <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                       <li><a href="##">Diversity</a></li>
                                       <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </li>
               <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-academics-sticky" href="#academics">Academics</a><div class="mega-menu" id="mega-academics-sticky" role="region" aria-label="About Menu">
                     <div class="nav-wrapper container-xl">
                        <div class="row">
                           <div class="col-lg-4">
                              <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternative text"><a class="image-caption" href="#academics">Academics</a></div>
                           </div>
                           <div class="col-lg-8">
                              <div class="mega-link-row custom-mega-gutter">
                                 <div class="left-columns">
                                    <div class="col">
                                       <ul>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                          <li><a href="##">History</a></li>
                                          <li><a href="##">Administration</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Maps &amp; Directions</a></li>
                                          <li><a href="##">Virtual Tour</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                          <li><a href="##">The New York Climate Exchange</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li class="mega-subheading">News &amp; Publications</li>
                                          <li><a href="##">News</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                          <li><a href="##">Economic Impact</a></li>
                                       </ul>
                                    </div>
                                 </div>
                                 <div class="related-links-col">
                                    <ul class="related-links">
                                       <li class="mega-subheading">Related Links</li>
                                       <li><a href="##">Calendars</a></li>
                                       <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                       <li><a href="##">Diversity</a></li>
                                       <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </li>
               <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-campus-life-sticky" href="#campuslife">Campus Life</a><div class="mega-menu" id="mega-campus-life-sticky" role="region" aria-label="About Menu">
                     <div class="nav-wrapper container-xl">
                        <div class="row">
                           <div class="col-lg-4">
                              <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is alternate text"><a class="image-caption" href="#campuslife">Campus Life</a></div>
                           </div>
                           <div class="col-lg-8">
                              <div class="mega-link-row custom-mega-gutter">
                                 <div class="left-columns">
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">History</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                          <li><a href="##">Administration</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Maps &amp; Directions</a></li>
                                          <li><a href="##">Virtual Tour</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                          <li><a href="##">The New York Climate Exchange</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li class="mega-subheading">News &amp; Publications</li>
                                          <li><a href="##">News</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                          <li><a href="##">Economic Impact</a></li>
                                       </ul>
                                    </div>
                                 </div>
                                 <div class="related-links-col">
                                    <ul class="related-links">
                                       <li class="mega-subheading">Related Links</li>
                                       <li><a href="##">Calendars</a></li>
                                       <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                       <li><a href="##">Diversity</a></li>
                                       <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </li>
               <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-research-sticky" href="#research">Research</a><div class="mega-menu" id="mega-research-sticky" role="region" aria-label="About Menu">
                     <div class="nav-wrapper container-xl">
                        <div class="row">
                           <div class="col-lg-4">
                              <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alt"><a class="image-caption" href="#research">Research</a></div>
                           </div>
                           <div class="col-lg-8">
                              <div class="mega-link-row custom-mega-gutter">
                                 <div class="left-columns">
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Administration</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                          <li><a href="##">History</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Maps &amp; Directions</a></li>
                                          <li><a href="##">Virtual Tour</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                          <li><a href="##">The New York Climate Exchange</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li class="mega-subheading">News &amp; Publications</li>
                                          <li><a href="##">News</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                          <li><a href="##">Economic Impact</a></li>
                                       </ul>
                                    </div>
                                 </div>
                                 <div class="related-links-col">
                                    <ul class="related-links">
                                       <li class="mega-subheading">Related Links</li>
                                       <li><a href="##">Calendars</a></li>
                                       <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                       <li><a href="##">Diversity</a></li>
                                       <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </li>
               <li><a href="#athletics">Athletics</a></li>
               <li class="search-box"><button class="search-toggle" aria-label="Open Search"><svg width="24" height="24" viewBox="0 0 24 24" fill="none">
                        <path d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z" stroke="white" stroke-width="2"></path>
                        <path d="M21 20.9999L16.65 16.6499" stroke="white" stroke-width="2"></path></svg></button></li>
            </ul>
         </div>
      </div>
   </nav>
</header>      		
      <section class="homepage-hero d-none d-lg-block" aria-label="Homepage Hero Section">
         <div class="hero-background">
            <div class="video-container"><video id="hero-video" playsinline="playsinline" autoplay muted>
                  <source src="https://www.stonybrook.edu/far-beyond/video/GIVING-DAY-HOMEPAGE-2025.mp4" type="video/mp4">
                  						Your browser does not support the video tag.
                  					</video><div class="hero-wrapper">
                  <div class="content-banner">
                     <div class="banner-content-wrapper">
                        <div class="banner-content">
                           <h1 class="hero-title">Dare to reach your potential</h1>
                           <p class="hero-subtitle">A dynamic education awaits you at Stony Brook, an internationally recognized research
                              institution that's one of America's most affordable.</p><a class="change-life-btn" title="Change your life" href="##">Change your life</a></div>
                     </div>
                     <div class="banner-content">
                        <div class="keyline" aria-hidden="true"></div>
                        <nav class="bottom-links" aria-label="Quick Links"><a href="#/">Sit amet eu amd tempor</a><a href="###">Lorem ipsum dolor</a></nav>
                     </div><img class="prisms" src="/_resources/images/hero-prisms-v2-01.svg" alt="" aria-hidden="true"></div>
               </div>
               <div class="video-controls"><button class="btn" id="playPauseBtn" aria-label="Pause video"><span class="pause-icon"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16" fill="none">
                           <rect width="4" height="16" fill="white"/>
                           <rect x="10" width="4" height="16" fill="white"/></svg></span><span class="play-icon d-none"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16" fill="none">
                           <path d="M14 8L0 16V0L14 8Z" fill="white"/></svg></span></button></div>
            </div><svg xmlns="http://www.w3.org/2000/svg" class="bg-triangle" width="1200" height="300" viewBox="0 0 1200 300" fill="none" aria-hidden="true">
               <path d="M1200 0V300L200 128L1200 0Z" fill="#1791AD"/></svg><div class="skewed-overlay"></div>
         </div>
         <div class="hero-wrapper">
            <div class="action-buttons"><a class="btn btn-apply" aria-label="Apply Now" href="##">Apply Now</a><a class="btn btn-tour" aria-label="Schedule a Tour" href="#">Schedule a Tour</a><a class="btn btn-info" aria-label="Request Info" href="##">Request Info</a></div>
         </div>
      </section>
      <section class="homepage-hero-tablet d-none d-sm-block d-lg-none" aria-label="Homepage Hero Section">
         <div class="hero-background">
            <div class="hero-image"><img src="/_resources/images/hp-hero-tablet.png" alt="Mobile Hero Image of students on a tablet" aria-hidden="true"></div>
            <div class="hero-wrapper">
               <div class="content-banner">
                  <div class="banner-content-wrapper">
                     <div class="banner-content">
                        <h1 class="hero-title">Dare to reach your potential</h1>
                        <p class="hero-subtitle">A dynamic education awaits you at Stony Brook, an internationally recognized research
                           institution that's one of America's most affordable.</p><a class="change-life-btn" title="Change your life" href="##">Change your life</a></div>
                  </div>
                  <div class="banner-content">
                     <div class="keyline" aria-hidden="true"></div>
                     <nav class="bottom-links" aria-label="Quick Links"><a href="#/">Sit amet eu amd tempor</a><a href="###">Lorem ipsum dolor</a></nav>
                  </div><img class="prisms" src="/_resources/images/hero-prisms-v2-01.svg" alt="" aria-hidden="true"></div>
            </div>
         </div>
         <div class="action-buttons-tablet">
            <div class="row g-0">
               <div class="col-12">
                  <div class="action-buttons-wrapper"><a class="btn btn-apply" aria-label="Apply Now" href="##">Apply Now</a><a class="btn btn-tour" aria-label="Schedule a Tour" href="#">Schedule a Tour</a><a class="btn btn-info" aria-label="Request Info" href="##">Request Info</a></div>
               </div>
            </div>
         </div>
      </section>
      <section class="homepage-hero-mobile d-block d-sm-none" aria-label="Homepage Hero Section Mobile">
         <div class="mobile-action-buttons-container">
            <div class="action-buttons-wrapper"><a class="btn btn-apply" aria-label="Apply Now" href="##">Apply Now</a><a class="btn btn-tour" aria-label="Schedule a Tour" href="#">Schedule a Tour</a><a class="btn btn-info" aria-label="Request Info" href="##">Request Info</a></div>
         </div>
         <div class="mobile-content-area">
            <div class="content-banner">
               <div class="banner-content-wrapper">
                  <div class="banner-content">
                     <h1 class="hero-title">Dare to reach your potential</h1>
                     <p class="hero-subtitle">A dynamic education awaits you at Stony Brook, an internationally recognized research
                        institution that's one of America's most affordable.</p><a class="change-life-btn" title="Change your life" href="##">Change your life</a></div>
               </div>
            </div>
         </div>
      </section>
      <main id="main-content" class="fluid-container main-content" tabindex="-1" role="main" aria-label="Main Content Area">
         	
         <div class="divider divider-24 gradient-specialty-deep-blue-green" role="presentation"></div>
          
         
         
         <section class="news-section" aria-labelledby="news-title">
            <div class="news-header-bar text-white text-center">
               <div class="container-1280">
                  <h2 id="news-title" class="news-title">Daring to Take on the World</h2>
               </div>
            </div>
            <div class="container-1280">
               <h3 id="news-subtitle" class="news-subtitle">News From Stony Brook</h3>
            </div>
            <div class="section-content-wrapper">
               <div class="row gx-4">
                  <div class="col-lg-8 mb-4 mb-lg-0 news-stack border-lg-end">
                     <article class="news-item"><a href="" target="_blank" class="news-feature d-block" aria-labelledby="feature-caption">
                           <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-lg.png" alt="Students and faculty on a boat during Stony Brook University's 64th Commencement" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                 <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                       <defs>
                                          <clipPath id="clip-triangle">
                                             <polygon points="0,100 100,100 100,0"/>
                                          </clipPath>
                                       </defs>
                                       <g clip-path="url(#clip-triangle)">
                                          <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                          <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                          <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                          <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                       </g></svg></div>
                              </div>
                           </div>
                           <div class="news-feature-caption"><span id="feature-caption">Stony Brook University's 64th Commencement Features a Full House</span></div></a></article>
                  </div>
                  <div class="col-lg-4 d-flex flex-column">
                     <div class="news-right-desktop d-none d-lg-block" role="list">
                        <div class="row gx-3 gy-4">
                           <div class="col-lg-6 news-stack border-lg-end d-flex flex-column gap-4">
                              <article class="news-item" role="listitem">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="card1-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-1.png" alt="Student researcher in lab coat holding scientific equipment" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="card1-caption">SB Hospital's Dietetic Interns Battle it Out In</span></div></a></div>
                              </article>
                              <article class="news-item" role="listitem">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="card3-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-3.png" alt="SOCJ Graduate Students Present" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="card3-caption">SOCJ Graduate Students Present</span></div></a></div>
                              </article>
                           </div>
                           <div class="col-lg-6 news-stack d-flex flex-column gap-4">
                              <article class="news-item" role="listitem">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="card2-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-2.png" alt="SB Hospital's Dietetic Interns" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="card2-caption">SB Hospital's Dietetic Interns Battle it Out In</span></div></a></div>
                              </article>
                              <article class="news-item" role="listitem">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="card4-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-4.png" alt="SOCJ Graduate Students Present" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="card4-caption">SOCJ Graduate Students Present</span></div></a></div>
                              </article>
                           </div>
                        </div>
                     </div>
                     <div class="news-right-mobile d-lg-none" role="list">
                        <div class="row gx-3 gy-4">
                           <div class="col-12 col-sm-3" role="listitem">
                              <article class="news-item">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="mobile-card1-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-1.png" alt="Student researcher in lab coat holding scientific equipment" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="mobile-card1-caption">SB Hospital's Dietetic Interns Battle it Out In</span></div></a></div>
                              </article>
                           </div>
                           <div class="col-12 col-sm-3" role="listitem">
                              <article class="news-item">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="mobile-card2-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-2.png" alt="SB Hospital's Dietetic Interns" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="mobile-card2-caption">SB Hospital's Dietetic Interns Battle it Out In</span></div></a></div>
                              </article>
                           </div>
                           <div class="col-12 col-sm-3" role="listitem">
                              <article class="news-item">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="mobile-card3-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-3.png" alt="SOCJ Graduate Students Present" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="mobile-card3-caption">SOCJ Graduate Students Present</span></div></a></div>
                              </article>
                           </div>
                           <div class="col-12 col-sm-3" role="listitem">
                              <article class="news-item">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="mobile-card4-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-4.png" alt="SOCJ Graduate Students Present" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="mobile-card4-caption">SOCJ Graduate Students Present</span></div></a></div>
                              </article>
                           </div>
                        </div>
                     </div>
                     <div class="d-flex justify-content-center mt-4"><a href="#" target="_blank" class="btn btn-see-all" aria-label="View all news stories">See All Stories</a></div>
                  </div>
               </div>
            </div>
         </section> 
         
         
         	
         <div class="divider divider-24 gradient-specialty-deep-blue-green" role="presentation"></div>
          
         
         <section class="belong-section" aria-labelledby="belong-title">
            
            <div class="belong-header-bar">
               
               <h2 id="belong-title" class="belong-title">You Belong Here</h2>
               </div>
            
            <div class="belong-subtitle">
               
               <h3 id="belong-subtitle">See why the brightest minds choose Stony Brook</h3>
               </div>
            <!-- Mobile intro text (visible only xs) -->
            
            <div class="belong-mobile-intro d-sm-none">
               
               <p class="belong-intro-text" aria-label="Introduction">START YOUR SUCCESS STORY AT STONY BROOK, NEW YORK'S FLAGSHIP AND NO. 1 PUBLIC UNIVERSITY</p>
               </div>
            <!-- Desktop/Tablet Layout (576px and up) -->
            
            <div class="section-content-wrapper d-none d-sm-block">
               
               <div class="belong-grid" role="list"><!-- Existing grid items -->
                  
                  <div class="belong-grid-item intro" role="listitem">
                     
                     <p class="belong-intro-text" aria-label="Introduction">START YOUR<br>SUCCESS STORY AT<br>STONY BROOK,<br>NEW YORK'S FLAGSHIP<br>AND NO. 1 PUBLIC<br>UNIVERSITY</p>
                     </div>
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/girl-playing-flute.png" alt="Student playing flute in a practice room"></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat bright-red" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of alumni" data-target="250000">250,000+</span> <span class="stat-label">alumni worldwide</span></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat navy" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Public university in the nation" data-target="26">#26</span> <span class="stat-label">public university in the nation</span></div>
                     </div>
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/cheerleaders-celebrating.png" alt="Cheerleaders celebrating"></div>
                     </div>
                  <!-- Row 2: Items 6-10 -->
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/students-locking-bike.png" alt="Students locking bike"></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat turquoise" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of fields of study" data-target="300">Over 300</span> <span class="stat-label">fields of study</span></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat red" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of alumni" data-target="250000">250,000+</span> <span class="stat-label">alumni worldwide</span></div>
                     </div>
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/students-in-lab.png" alt="Students in laboratory"></div>
                     </div>
                  
                  <div class="belong-grid-item facts-button" role="listitem"><a class="btn btn-facts" href="https://web-test.stonybrook.edu/facts-and-rankings" aria-label="View all Stony Brook facts and rankings"> <span class="btn-text">VIEW ALL<br>FACTS &amp;<br>RANKINGS</span> </a></div>
                  </div>
               </div>
            <!-- Mobile Layout (below 576px) -->
            
            <div class="belong-mobile-grid d-block d-sm-none" role="list"><!-- Row 1: Flute player | Red stat -->
               
               <div class="belong-grid-row">
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/girl-playing-flute.png" alt="Student playing flute in a practice room"></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat bright-red" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of alumni" data-target="250000">250,000+</span> <span class="stat-label">alumni worldwide</span></div>
                     </div>
                  </div>
               <!-- Row 2: Navy stat | Cheerleaders -->
               
               <div class="belong-grid-row">
                  
                  <div class="belong-grid-item belong-stat navy" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Public university in the nation" data-target="26">#26</span> <span class="stat-label">public university in the nation</span></div>
                     </div>
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/cheerleaders-celebrating.png" alt="Cheerleaders celebrating"></div>
                     </div>
                  </div>
               <!-- Row 3: Bike | Turquoise stat -->
               
               <div class="belong-grid-row">
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/students-locking-bike.png" alt="Students locking bike"></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat turquoise" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of fields of study" data-target="300">Over 300</span> <span class="stat-label">fields of study</span></div>
                     </div>
                  </div>
               <!-- Row 4: Red stat | Lab students -->
               
               <div class="belong-grid-row">
                  
                  <div class="belong-grid-item belong-stat red" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of alumni" data-target="250000">250,000+</span> <span class="stat-label">alumni worldwide</span></div>
                     </div>
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/students-in-lab.png" alt="Students in laboratory"></div>
                     </div>
                  </div>
               <!-- Button row (centered) -->
               
               <div class="belong-grid-row button-row">
                  
                  <div class="belong-grid-item facts-button" role="listitem"><a class="btn btn-facts" href="https://web-test.stonybrook.edu/facts-and-rankings" aria-label="View all Stony Brook facts and rankings"> <span class="btn-text">VIEW ALL<br>FACTS &amp;<br>RANKINGS</span> </a></div>
                  </div>
               </div>
            </section>
         
         <section class="path-section" aria-labelledby="path-heading">
            <div class="section-content-wrapper">
               <div class="divider divider-8 gradient-specialty-deep-blue-green" aria-hidden="true"></div>
               <div class="row justify-content-center">
                  <div class="col-12 text-center">
                     <h2 id="path-heading" class="path-heading animate-on-scroll fade-up">Choose the Path to Your Future</h2>
                     <h3 data-delay="200" class="path-subheading animate-on-scroll fade-up">Push boundaries, challenge assumptions, and redefine what's possible</h3>
                  </div>
               </div>
               <div class="row path-cards mt-5">
                  <div class="col-sm-4 col-md-4 col-lg-3 path-card animate-on-scroll fade-right" data-delay="300"><a href="###" target="_blank" class="card" aria-label="Undergraduate">
                        <div class="card-img-container"><img src="/_resources/images/path-female-student-in-lab.png" class="card-img-top" alt="Female undergraduate student conducting research in a laboratory setting"></div>
                        <div class="card-title-wrapper">
                           <h4 class="card-title">Undergraduate</h4>
                        </div>
                        <div class="card-body">
                           <p class="card-text">Suspendisse quis laoreet tortor. Sed sodales enim eu nunc pharetra rutrum. Nam porta
                              nulla non risus porta imperdiet.</p>
                        </div></a></div>
                  <div class="col-sm-4 col-md-4 col-lg-3 path-card animate-on-scroll fade-right" data-delay="300"><a href="#/" target="_blank" class="card" aria-label="Graduate">
                        <div class="card-img-container"><img src="/_resources/images/path-3-students-collaborating.png" class="card-img-top" alt="Three graduate students working together on a research project"></div>
                        <div class="card-title-wrapper">
                           <h4 class="card-title">Graduate</h4>
                        </div>
                        <div class="card-body">
                           <p class="card-text">Suspendisse quis laoreet tortor. Sed sodales enim eu nunc pharetra rutrum. Nam porta
                              nulla non risus porta imperdiet.</p>
                        </div></a></div>
                  <div class="col-sm-4 col-md-4 col-lg-3 path-card animate-on-scroll fade-right" data-delay="300"><a href="##" target="_blank" class="card" aria-label="Professional Dev.">
                        <div class="card-img-container"><img src="/_resources/images/path-student-at-laptop.png" class="card-img-top" alt="Student working on a laptop in a modern learning environment"></div>
                        <div class="card-title-wrapper">
                           <h4 class="card-title">Professional Dev.</h4>
                        </div>
                        <div class="card-body">
                           <p class="card-text">Suspendisse quis laoreet tortor. Sed sodales enim eu nunc pharetra rutrum. Nam porta
                              nulla non risus porta imperdiet.</p>
                        </div></a></div>
                  <div class="col-12 col-md-12 col-lg-3 path-buttons animate-on-scroll fade-left" data-delay="600">
                     <div class="button-wrapper"><button class="path-button majors-minors" aria-label="Major &amp; Minors"><span>MAJOR &amp; MINORS</span></button><button class="path-button schedule-tour" aria-label="Schedule a Tour"><span>SCHEDULE A TOUR</span></button><button class="path-button apply-now" aria-label="Apply Now"><span>APPLY NOW</span></button></div>
                  </div>
               </div>
            </div>
         </section> 
         
         
         <section class="calendar-section">
            <div class="container-fluid">
               <div class="calendar-section__header">
                  <h2>What's Going On</h2>
                  <h3>There's always something interesting happening at The Brook</h3>
               </div>
               <div class="row">
                  <div class="col-lg-6 col-md-6">
                     <div class="row calendar-inner-row"><h3>Nothing matching that URL</h3>                        <div class="col-md-7 calendar-section__content-col">
                           <div class="calendar-section__countdown">
                              <div class="countdown-item" aria-label="00 Days">
                                 <div class="number">00</div>
                                 <div class="label">DAYS</div>
                              </div>
                              <div class="countdown-item" aria-label="04 Hours">
                                 <div class="number">00</div>
                                 <div class="label">HOURS</div>
                              </div>
                              <div class="countdown-item" aria-label="31 Minutes">
                                 <div class="number">00</div>
                                 <div class="label">MINS</div>
                              </div>
                              <div class="countdown-item" aria-label="19 Seconds">
                                 <div class="number">00</div>
                                 <div class="label">SECS</div>
                              </div>
                           </div>
                           <div class="calendar-section__save-date"><h3>Nothing matching that URL</h3></div>
                           <div class="calendar-section__buttons"><a href="##" target="_blank" class="btn btn-global btn-global--white-transparent-black-hover">Learn More</a><a href="#" target="_blank" class="btn btn-global btn-global--white-transparent-black-hover">Register</a></div>
                        </div>
                     </div>
                  </div>
                  <div class="col-lg-6 col-md-6">
                     <div class="calendar-section__events">
                        <div class="row calendar-inner-row"><div class="col-6 calendar-section__events-col calendar-section__events-col--left">	<ul class="calendar-section__events-list"><li class="calendar-section__events-item">	<div class="date" aria-label="August 6">		<div class="day">06</div>		<div class="month">Aug</div>	</div>	<div class="content">	<p>Pollock-Krasner House and Study Center: Family Tour and  Drip Painting Workshops</p>	</div></li><li class="calendar-section__events-item">	<div class="date" aria-label="August 9">		<div class="day">09</div>		<div class="month">Aug</div>	</div>	<div class="content">	<p>Pollock-Krasner House and Study Center: Family Tour and  Drip Painting Workshops</p>	</div></li>	</ul></div></div>
                        <div class="calendar-section__buttons"><a href="/events" target="_blank" class="btn btn-global btn-global--white-transparent-black-hover">See All Events</a></div>
                     </div>
                  </div>
               </div>
            </div>
         </section> 
         
         
         <section class="sb-campuslife-section" aria-label="Campus Life Navigation">
            <div class="section-content-wrapper">
               <h2 class="visually-hidden">Campus Life</h2>
               <div class="top-row" role="list">
                  <div class="sb-campuslife-circle" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/studentlife/" target="_blank" aria-label="Student Life">
                        <div class="sb-campuslife-container"><img src="/_resources/images/circle-button-student-life.jpg" alt="This is an alternate"><div class="sb-campuslife-gradient" aria-hidden="true"></div>
                           <div class="sb-campuslife-title">STUDENT LIFE</div>
                        </div></a></div>
                  <div class="sb-campuslife-circle" role="listitem"><a href="https://www.stonybrook.edu/campus-life/arts-and-culture/" target="_blank" aria-label="Arts &amp; Culture">
                        <div class="sb-campuslife-container"><img src="/_resources/images/circle-button-arts-culture.jpg" alt="Woman painting"><div class="sb-campuslife-gradient" aria-hidden="true"></div>
                           <div class="sb-campuslife-title">ARTS &amp; CULTURE</div>
                        </div></a></div>
               </div>
               <div class="bottom-row" role="list">
                  <div class="sb-campuslife-circle" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/health-wellness/" target="_blank" aria-label="Health &amp; Safety">
                        <div class="sb-campuslife-container"><img src="/_resources/images/circle-button-health-safety.jpg" alt="Student in the lab"><div class="sb-campuslife-gradient" aria-hidden="true"></div>
                           <div class="sb-campuslife-title">HEALTH &amp; SAFETY</div>
                        </div></a></div>
                  <div class="sb-campuslife-circle" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/sac/get_involved.php" target="_blank" aria-label="Student Involvement">
                        <div class="sb-campuslife-container"><img src="/_resources/images/circle-button-student-involvement.jpg" alt="Two students running in the park"><div class="sb-campuslife-gradient" aria-hidden="true"></div>
                           <div class="sb-campuslife-title">STUDENT INVOLVEMENT</div>
                        </div></a></div>
                  <div class="sb-campuslife-circle sb-explore-circle" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/stu/" target="_blank" aria-label="ExploreCampus Life">
                        <div class="sb-campuslife-container">
                           <div class="sb-campuslife-title explore">
                              <div class="text-container">
                                 <div class="explore-line">EXPLORE <img class="arrow-img" src="/_resources/images/campus-life-arrow.svg" alt="arrow" aria-hidden="true"></div>
                                 <div class="campus-line">CAMPUS LIFE</div>
                              </div>
                           </div>
                        </div></a></div>
               </div>
            </div>
         </section>
         <section class="sb-campuslife-mobile" aria-label="Campus Life Navigation for Mobile Devices">
            <h2 class="visually-hidden">Campus Life</h2>
            <div role="list" class="mobile-row">
               <div class="sb-circle-mobile" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/studentlife/" target="_blank" aria-label="Student Life">
                     <div class="sb-circle-container-mobile"><img src="/_resources/images/circle-button-student-life.jpg" alt=""><div class="sb-circle-gradient-mobile" aria-hidden="true"></div>
                        <div class="sb-circle-title-mobile">STUDENT LIFE</div>
                     </div></a></div>
               <div class="sb-circle-mobile" role="listitem"><a href="https://www.stonybrook.edu/campus-life/arts-and-culture/" target="_blank" aria-label="Arts &amp; Culture">
                     <div class="sb-circle-container-mobile"><img src="/_resources/images/circle-button-arts-culture.jpg" alt=""><div class="sb-circle-gradient-mobile" aria-hidden="true"></div>
                        <div class="sb-circle-title-mobile">ARTS &amp; CULTURE</div>
                     </div></a></div>
            </div>
            <div role="list" class="mobile-row">
               <div class="sb-circle-mobile" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/health-wellness/" target="_blank" aria-label="Health &amp; Safety">
                     <div class="sb-circle-container-mobile"><img src="/_resources/images/circle-button-health-safety.jpg" alt=""><div class="sb-circle-gradient-mobile" aria-hidden="true"></div>
                        <div class="sb-circle-title-mobile">HEALTH &amp; SAFETY</div>
                     </div></a></div>
               <div class="sb-circle-mobile" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/sac/get_involved.php" target="_blank" aria-label="Student Involvement">
                     <div class="sb-circle-container-mobile"><img src="/_resources/images/circle-button-student-involvement.jpg" alt=""><div class="sb-circle-gradient-mobile" aria-hidden="true"></div>
                        <div class="sb-circle-title-mobile">STUDENT INVOLVEMENT</div>
                     </div></a></div>
            </div>
            <div role="list" class="mobile-row">
               <div class="sb-circle-mobile sb-explore-circle-mobile" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/stu/" target="_blank" aria-label="ExploreCampus Life">
                     <div class="sb-circle-container-mobile">
                        <div class="sb-circle-title-mobile">
                           <div class="text-container-mobile">
                              <div class="explore-line-mobile">EXPLORE <img class="arrow-img-mobile" src="/_resources/images/campus-life-arrow.svg" alt="mobile arrow" aria-hidden="true"></div>
                              <div class="campus-line-mobile">CAMPUS LIFE</div>
                           </div>
                        </div>
                     </div></a></div>
            </div>
         </section>
         
         
         	
         <div class="divider divider-24 gradient-specialty-deep-blue-green" role="presentation"></div>
          
         
         
         <section class="sb-hp-carousel-wrapper" aria-label="Meet Our Seawolves Carousel">
            <div class="sb-hp-carousel-intro">
               <h2 class="sb-hp-carousel-title">Meet Our Seawolves</h2>
               <h3 class="sb-hp-carousel-subtitle">Meet the innovators, change-makers, and visionaries shaping tomorrow</h3>
            </div>
            <div class="sb-hp-carousel slick-carousel" role="region" aria-roledescription="carousel">
               <div class="sb-hp-carousel-item">
                  <div class="sb-hp-carousel-inner">
                     <div class="sb-hp-carousel-image"><img src="/_resources/images/hp-carousel-placeholder-image.jpg" alt="./ikmagealt" loading="lazy"></div>
                     <div class="sb-hp-carousel-content">
                        <h4 class="sb-hp-carousel-name">Name</h4>
                        <p class="sb-hp-carousel-text">Donec ac tempor ipsum, sit amet pellentesque augue. Curabitur vel ante suscipit, dapibus
                           justo sed, dapibus mi. Proin non ullamcorper metus. Vestibulum non porttitor turpis,
                           sit.</p><a href="###" target="_blank" class="sb-hp-carousel-link" aria-label="Learn More">Learn More</a></div>
                  </div>
               </div>
               <div class="sb-hp-carousel-item">
                  <div class="sb-hp-carousel-inner">
                     <div class="sb-hp-carousel-image"><img src="/_resources/images/hp-carousel-placeholder-image.jpg" alt="./ikmagealt" loading="lazy"></div>
                     <div class="sb-hp-carousel-content">
                        <h1 class="sb-hp-carousel-name">Another Name</h1>
                        <p class="sb-hp-carousel-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt
                           ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p><a href="##" target="_blank" class="sb-hp-carousel-link" aria-label="Learn More">Learn More</a></div>
                  </div>
               </div>
               <div class="sb-hp-carousel-item">
                  <div class="sb-hp-carousel-inner">
                     <div class="sb-hp-carousel-image"><img src="/_resources/images/hp-carousel-placeholder-image.jpg" alt="./ikmagealt" loading="lazy"></div>
                     <div class="sb-hp-carousel-content">
                        <h1 class="sb-hp-carousel-name">Another Name</h1>
                        <p class="sb-hp-carousel-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt
                           ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p><a href="#" target="_blank" class="sb-hp-carousel-link" aria-label="Learn More">Learn More</a></div>
                  </div>
               </div>
               <div class="sb-hp-carousel-item">
                  <div class="sb-hp-carousel-inner">
                     <div class="sb-hp-carousel-image"><img src="/_resources/images/hp-carousel-placeholder-image.jpg" alt="./ikmagealt" loading="lazy"></div>
                     <div class="sb-hp-carousel-content">
                        <h1 class="sb-hp-carousel-name">Another Name</h1>
                        <p class="sb-hp-carousel-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt
                           ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p><a href="#/" target="_blank" class="sb-hp-carousel-link" aria-label="Learn More">Learn More</a></div>
                  </div>
               </div>
               <div class="sb-hp-carousel-item">
                  <div class="sb-hp-carousel-inner">
                     <div class="sb-hp-carousel-image"><img src="/_resources/images/hp-carousel-placeholder-image.jpg" alt="./ikmagealt" loading="lazy"></div>
                     <div class="sb-hp-carousel-content">
                        <h1 class="sb-hp-carousel-name">Another Name</h1>
                        <p class="sb-hp-carousel-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt
                           ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p><a href="####" target="_blank" class="sb-hp-carousel-link" aria-label="Learn More">Learn More</a></div>
                  </div>
               </div>
            </div>
         </section>
      </main>
      <div class="divider divider-24 gradient-specialty-deep-blue-green"></div><footer class="sb-footer">
   <div class="section-content-wrapper">
      <div class="sb-footer-cta-row d-flex flex-wrap align-items-center justify-content-start mb-5">
         <h2 class="sb-footer-heading mb-0">Want to learn more about SBU?</h2><a class="btn sb-footer-cta" title="Request Information" href="#/">Request Information</a></div>
      <div class="row gy-5 align-items-start">
         <div class="col-12 col-md-8">
            <div class="row gy-4">
               <div class="col-12 col-sm-6 col-md-6 col-lg-3">
                  <h3 class="sb-footer-title">About SBU</h3>
                  <ul class="sb-footer-links">
                     <li><a href="#" target="_blank" rel="noopener">Contact</a></li>
                     <li><a href="#">Fast Facts</a></li>
                     <li><a href="#" title="News">News</a></li>
                     <li><a href="#">For Media</a></li>
                     <li><a href="#">Careers</a></li>
                  </ul>
               </div>
               <div class="col-12 col-sm-6 col-md-6 col-lg-3">
                  <h3 class="sb-footer-title">Education</h3>
                  <ul class="sb-footer-links">
                     <li><a href="#">Majors &amp; Minors</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Colleges &amp; Schools</a></li>
                     <li><a href="#" target="_blank" rel="noopener">University Catalogs</a></li>
                     <li><a href="#">Brightspace</a></li>
                     <li><a href="#" title="Careers">Careers</a></li>
                  </ul>
               </div>
               <div class="col-12 col-sm-6 col-md-6 col-lg-3">
                  <h3 class="sb-footer-title">Resources</h3>
                  <ul class="sb-footer-links">
                     <li><a href="#" title="Academic Calendar">Academic Calendar</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Undergraduate Bulletin</a></li>
                     <li><a href="#">Graduate Bulletin</a></li>
                     <li><a href="#">Health Sciences Bulletin</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Libraries</a></li>
                  </ul>
               </div>
               <div class="col-12 col-sm-6 col-md-6 col-lg-3">
                  <h3 class="sb-footer-title">Find</h3>
                  <ul class="sb-footer-links">
                     <li><a href="#">People Directory</a></li>
                     <li><a href="#">A–Z Web Directory</a></li>
                     <li><a href="#">Calendars</a></li>
                     <li><a href="#" title="Jobs">Jobs</a></li>
                     <li><a href="#">Maps &amp; Directions</a></li>
                     <li><a href="#">Parking</a></li>
                  </ul>
               </div>
            </div>
         </div>
         <div class="col-12 col-md-4 d-flex justify-content-end sb-footer-logo-col">
            <div class="footer-brand text-center"><img src="/_resources/images/sb-logo-horizontal.png" alt="footer-logo" class="sb-footer-logo mb-2"><div class="sb-footer-social"><span class="follow-label">Follow Us</span><ul class="list-inline mt-2">
                     <li class="list-inline-item"><a href="https://www.facebook.com" aria-label="Facebook"><svg xmlns="http://www.w3.org/2000/svg" role="img" focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                              <title>Facebook</title>
                              <path fill="currentColor" d="M12 0C5.37264 0 0 5.37264 0 12C0 17.6275 3.87456 22.3498 9.10128 23.6467V15.6672H6.62688V12H9.10128V10.4198C9.10128 6.33552 10.9498 4.4424 14.9597 4.4424C15.72 4.4424 17.0318 4.59168 17.5685 4.74048V8.06448C17.2853 8.03472 16.7933 8.01984 16.1822 8.01984C14.2147 8.01984 13.4544 8.76528 13.4544 10.703V12H17.3741L16.7006 15.6672H13.4544V23.9122C19.3963 23.1946 24.0005 18.1354 24.0005 12C24 5.37264 18.6274 0 12 0Z"/></svg></a></li>
                     <li class="list-inline-item"><a href="https://www.instagram.com" aria-label="Instagram"><svg xmlns="http://www.w3.org/2000/svg" role="img" focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                              <title>Instagram</title>
                              <g clip-path="url(#clip0)">
                                 <path fill="currentColor" d="M12 2.16094C15.2063 2.16094 15.5859 2.175 16.8469 2.23125C18.0188 2.28281 18.6516 2.47969 19.0734 2.64375C19.6313 2.85938 20.0344 3.12188 20.4516 3.53906C20.8734 3.96094 21.1313 4.35938 21.3469 4.91719C21.5109 5.33906 21.7078 5.97656 21.7594 7.14375C21.8156 8.40937 21.8297 8.78906 21.8297 11.9906C21.8297 15.1969 21.8156 15.5766 21.7594 16.8375C21.7078 18.0094 21.5109 18.6422 21.3469 19.0641C21.1313 19.6219 20.8687 20.025 20.4516 20.4422C20.0297 20.8641 19.6313 21.1219 19.0734 21.3375C18.6516 21.5016 18.0141 21.6984 16.8469 21.75C15.5813 21.8062 15.2016 21.8203 12 21.8203C8.79375 21.8203 8.41406 21.8062 7.15313 21.75C5.98125 21.6984 5.34844 21.5016 4.92656 21.3375C4.36875 21.1219 3.96563 20.8594 3.54844 20.4422C3.12656 20.0203 2.86875 19.6219 2.65313 19.0641C2.48906 18.6422 2.29219 18.0047 2.24063 16.8375C2.18438 15.5719 2.17031 15.1922 2.17031 11.9906C2.17031 8.78438 2.18438 8.40469 2.24063 7.14375C2.29219 5.97187 2.48906 5.33906 2.65313 4.91719C2.86875 4.35938 3.13125 3.95625 3.54844 3.53906C3.97031 3.11719 4.36875 2.85938 4.92656 2.64375C5.34844 2.47969 5.98594 2.28281 7.15313 2.23125C8.41406 2.175 8.79375 2.16094 12 2.16094ZM12 0C8.74219 0 8.33438 0.0140625 7.05469 0.0703125C5.77969 0.126563 4.90313 0.332812 4.14375 0.628125C3.35156 0.9375 2.68125 1.34531 2.01563 2.01562C1.34531 2.68125 0.9375 3.35156 0.628125 4.13906C0.332812 4.90313 0.126563 5.775 0.0703125 7.05C0.0140625 8.33437 0 8.74219 0 12C0 15.2578 0.0140625 15.6656 0.0703125 16.9453C0.126563 18.2203 0.332812 19.0969 0.628125 19.8563C0.9375 20.6484 1.34531 21.3188 2.01563 21.9844C2.68125 22.65 3.35156 23.0625 4.13906 23.3672C4.90313 23.6625 5.775 23.8687 7.05 23.925C8.32969 23.9812 8.7375 23.9953 11.9953 23.9953C15.2531 23.9953 15.6609 23.9812 16.9406 23.925C18.2156 23.8687 19.0922 23.6625 19.8516 23.3672C20.6391 23.0625 21.3094 22.65 21.975 21.9844C22.6406 21.3188 23.0531 20.6484 23.3578 19.8609C23.6531 19.0969 23.8594 18.225 23.9156 16.95C23.9719 15.6703 23.9859 15.2625 23.9859 12.0047C23.9859 8.74688 23.9719 8.33906 23.9156 7.05938C23.8594 5.78438 23.6531 4.90781 23.3578 4.14844C23.0625 3.35156 22.6547 2.68125 21.9844 2.01562C21.3188 1.35 20.6484 0.9375 19.8609 0.632812C19.0969 0.3375 18.225 0.13125 16.95 0.075C15.6656 0.0140625 15.2578 0 12 0Z"/>
                                 <path fill="currentColor" d="M12 5.83594C8.59688 5.83594 5.83594 8.59688 5.83594 12C5.83594 15.4031 8.59688 18.1641 12 18.1641C15.4031 18.1641 18.1641 15.4031 18.1641 12C18.1641 8.59688 15.4031 5.83594 12 5.83594ZM12 15.9984C9.79219 15.9984 8.00156 14.2078 8.00156 12C8.00156 9.79219 9.79219 8.00156 12 8.00156C14.2078 8.00156 15.9984 9.79219 15.9984 12C15.9984 14.2078 14.2078 15.9984 12 15.9984Z"/>
                                 <path fill="currentColor" d="M19.8469 5.59214C19.8469 6.38902 19.2 7.0312 18.4078 7.0312C17.6109 7.0312 16.9688 6.38433 16.9688 5.59214C16.9688 4.79526 17.6156 4.15308 18.4078 4.15308C19.2 4.15308 19.8469 4.79995 19.8469 5.59214Z"/>
                              </g>
                              <defs>
                                 <clipPath id="clip0">
                                    <rect width="24" height="24" fill="white"/>
                                 </clipPath>
                              </defs></svg></a></li>
                     <li class="list-inline-item"><a href="https://www.linkedin.com" aria-label="LinkedIn"><svg xmlns="http://www.w3.org/2000/svg" role="img" focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                              <title>LinkedIn</title>
                              <path fill="currentColor" d="M22.2234 0H1.77187C0.792187 0 0 0.773438 0 1.72969V22.2656C0 23.2219 0.792187 24 1.77187 24H22.2234C23.2031 24 24 23.2219 24 22.2703V1.72969C24 0.773438 23.2031 0 22.2234 0ZM7.12031 20.4516H3.55781V8.99531H7.12031V20.4516ZM5.33906 7.43438C4.19531 7.43438 3.27188 6.51094 3.27188 5.37187C3.27188 4.23281 4.19531 3.30937 5.33906 3.30937C6.47813 3.30937 7.40156 4.23281 7.40156 5.37187C7.40156 6.50625 6.47813 7.43438 5.33906 7.43438ZM20.4516 20.4516H16.8937V14.8828C16.8937 13.5562 16.8703 11.8453 15.0422 11.8453C13.1906 11.8453 12.9094 13.2937 12.9094 14.7891V20.4516H9.35625V8.99531H12.7687V10.5609H12.8156C13.2891 9.66094 14.4516 8.70938 16.1813 8.70938C19.7859 8.70938 20.4516 11.0813 20.4516 14.1656V20.4516Z"/></svg></a></li>
                     <li class="list-inline-item"><a href="https://www.x.com" aria-label="X"><svg xmlns="http://www.w3.org/2000/svg" role="img" focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                              <title>X (Twitter)</title>
                              <path fill="currentColor" d="M18.3263 1.9039H21.6998L14.3297 10.3274L23 21.7899H16.2112L10.894 14.8379L4.80995 21.7899H1.43443L9.31743 12.78L1 1.9039H7.96111L12.7674 8.25823L18.3263 1.9039ZM17.1423 19.7707H19.0116L6.94539 3.81703H4.93946L17.1423 19.7707Z"/></svg></a></li>
                     <li class="list-inline-item"><a href="https://www.youtube.com" aria-label="YouTube"><svg xmlns="http://www.w3.org/2000/svg" role="img" focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                              <title>YouTube</title>
                              <path fill="currentColor" d="M23.7609 7.20005C23.7609 7.20005 23.5266 5.54536 22.8047 4.8188C21.8906 3.86255 20.8688 3.85786 20.4 3.80161C17.0438 3.55786 12.0047 3.55786 12.0047 3.55786H11.9953C11.9953 3.55786 6.95625 3.55786 3.6 3.80161C3.13125 3.85786 2.10938 3.86255 1.19531 4.8188C0.473438 5.54536 0.24375 7.20005 0.24375 7.20005C0.24375 7.20005 0 9.14536 0 11.086V12.9047C0 14.8454 0.239062 16.7907 0.239062 16.7907C0.239062 16.7907 0.473437 18.4454 1.19062 19.1719C2.10469 20.1282 3.30469 20.0954 3.83906 20.1985C5.76094 20.3813 12 20.4375 12 20.4375C12 20.4375 17.0438 20.4282 20.4 20.1891C20.8688 20.1329 21.8906 20.1282 22.8047 19.1719C23.5266 18.4454 23.7609 16.7907 23.7609 16.7907C23.7609 16.7907 24 14.85 24 12.9047V11.086C24 9.14536 23.7609 7.20005 23.7609 7.20005ZM9.52031 15.1125V8.36724L16.0031 11.7516L9.52031 15.1125Z"/></svg></a></li>
                  </ul>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="sb-sub-footer py-4">
   <div class="section-content-wrapper text-center small">
      <div class="sb-sub-footer-meta mb-2"><span id="directedit">©</span> 2025 Stony Brook University | 100 Nicolls Road, Stony Brook, NY 11794 | (631) 632-6000 | <a href="/contact.php">Contact</a></div>
      <div class="sb-sub-footer-links"><a href="#" target="_blank" rel="noopener">Accessibility</a> | <a href="#">Privacy Policy</a> | <a href="#">Sustainability</a> | <a title="Diversity Discrimination" href="#">Diversity Discrimination</a> | <a href="#" target="_blank" rel="noopener">Sexual Misconduct</a> | <a href="#">Accessibility Barrier</a></div>
      <div class="sb-sub-footer-disclaimer mt-2">Stony Brook University resides on the ancestral, traditional, and contemporary lands
         of the aboriginal territory of the Setauket or the Setalcott tribe. We acknowledge
         federal and state recognized tribes who live here now and those who were forcibly
         removed from their homelands. In offering this land acknowledgement, we affirm indigenous
         sovereignty, history, and experience.</div>
   </div>
</div></footer><ouc:editor wysiwyg="no"/>
<!-- Scripts -->
<script src="/_resources/js/bootstrap.bundle.min.js" defer="defer"></script>
<!-- jQuery is required for Slick Slider functionality -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<script src="/_resources/js/sb-main.js" defer="defer"></script>
<script src="/_resources/js/sb-animations.js" defer="defer"></script>
<script src="/_resources/js/vendor/slick.min.js" defer="defer"></script>
<script src="/_resources/js/sb-homepage-hero.js" defer="defer"></script>
      <div id="ou-hidden" style="display:none;"><!-- com.omniupdate.ob --><a id="de" rel="nofollow" href="https://a.cms.omniupdate.com/11/?skin=oucampus&amp;account=suny-stonybrook&amp;site=stonybrook&amp;action=de&amp;path=/_showcase/index.pcf">&copy;</a><!-- /com.omniupdate.ob --></div><script>
			if(document.getElementById("de") != null && document.getElementById("directedit")) {
				var link = document.getElementById("de").parentNode.innerHTML;
				document.getElementById("de").parentNode.innerHTML = "";
				document.getElementById("directedit").innerHTML = link.replace(/^\s+|\s+$/gm,'');
			}
		</script><!-- ouc:info uuid="efd93f71-7f25-49b8-a190-0a94b3c84449"/ --></body>
</html>
          Parameter 
          x-content-type-options
          Solution

          Ensure that the application/web server sets the Content-Type header appropriately, and that it sets the X-Content-Type-Options header to 'nosniff' for all web pages.

          If possible, ensure that the end user uses a standards-compliant and modern web browser that does not perform MIME-sniffing at all, or that can be directed by the web application/web server to not perform MIME-sniffing.

  5. Risk=Informational, Confidence=Medium (2)

    1. https://web-test.stonybrook.edu (2)

      1. Modern Web Application (1)
        1. GET https://web-test.stonybrook.edu/_showcase/index.php
          Alert tags
          Alert description

          The application appears to be a modern web application. If you need to explore it automatically then the Ajax Spider may well be more effective than the standard one.
          Other info

          Links have been found that do not have traditional href attributes, which is an indication that this is a modern web application.
          Request
          Request line and header section (281 bytes) 
          GET https://web-test.stonybrook.edu/_showcase/index.php HTTP/1.1
host: web-test.stonybrook.edu
user-agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36 OPR/102.0.0.0
pragma: no-cache
cache-control: no-cache
          Request body (0 bytes)
          Response
          Status line and header section (220 bytes) 
          HTTP/1.1 200 OK
Date: Wed, 06 Aug 2025 16:03:06 GMT
Server: Apache
X-Powered-By: PHP/7.2.24
X-Frame-Options: DENY
SERVER-ID: {NODE-NAME}.{NODE-ENV}
Content-Type: text/html; charset=UTF-8
content-length: 130771
          Response body (130771 bytes) 
          <!DOCTYPE HTML><html lang="en">
   <head>
      <meta charset="UTF-8">
      <meta http-equiv="x-ua-compatible" content="ie=edge">
      <title>Home</title>
      <link rel="canonical" href="https://web-test.stonybrook.edu/_showcase/index.php">
      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
      <ouc:editor wysiwyg="no"/>
<!-- this is the headcode include -->
<link rel="apple-touch-icon" href="https://www.stonybrook.edu/commcms/_resources/favicon/apple-touch-icon.png"/>
<link rel="apple-touch-icon" sizes="144x144" href="https://www.stonybrook.edu/commcms/_resources/favicon/apple-touch-icon-144x144-precomposed.png"/>
<link rel="icon" href="https://www.stonybrook.edu/commcms/_resources/favicon/apple-touch-icon.png"/>
<!-- Preload Fonts for Faster Rendering -->
<link rel="preload" href="https://fonts.googleapis.com/css2?family=Alumni+Sans:wght@400;500;600;700;800&family=Barlow:wght@400;500;600;700&family=Barlow+Semi+Condensed:wght@400;500;600;700&family=Bitter:wght@400;600;700&display=swap" as="style" />

<!-- Load Fonts Early -->
<link href="https://fonts.googleapis.com/css2?family=Alumni+Sans:wght@400;500;600;700;800&family=Barlow:wght@400;500;600;700&family=Barlow+Semi+Condensed:wght@400;500;600;700&family=Bitter:wght@400;600;700&display=swap" rel="stylesheet"/>

<!-- Load Main Styles -->
<link rel="stylesheet" href="/_resources/css/sb-main.css"/><ouc:editor wysiwyg="no"/>
<!-- Insert google analytics here -->
</head>
   <body><ouc:editor wysiwyg="no"/><!-- <?pcf-stylesheet path="/_resources/xsl/_widgets/header.xsl" title="Mobile" alternate="no" publish="yes" extension=".mobile.html"?> --><header class="container-fluid no-gutter"><a href="#main-content" class="skip-link">Skip to main content</a><nav class="desktop-nav" role="navigation" aria-label="Main Navigation">
      <div class="top-nav-wrapper">
         <div class="nav-wrapper container-xl">
            <div class="top-nav d-flex justify-content-between align-items-center">
               <div class="top-nav-left">
                  <ul>
                     <li><a href="/apply" target="_blank" rel="noopener">Apply</a></li>
                     <li><a href="/visit">Visit</a></li>
                     <li><a href="/give">Giving</a></li>
                     <li><a href="/medicine" title="Medicine">Medicine</a></li>
                  </ul>
               </div>
               <ul class="top-nav-right">
                  <li class="dropdown"><a href="#" aria-haspopup="true" aria-expanded="false">Resources For  ▾</a><ul class="dropdown-menu">
                        <li><a href="#">Maps and Directions</a></li>
                        <li><a href="##">Virtual Tour</a></li>
                        <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                        <li><a title="Stony Brook Southampton" href="##">Stony Brook Southampton</a></li>
                        <li><a href="###">The New York Climate Exchange</a></li>
                     </ul>
                  </li>
                  <li class="dropdown"><a href="#" aria-haspopup="true" aria-expanded="false">Logins  ▾</a><ul class="dropdown-menu">
                        <li><a href="#" target="_blank" rel="noopener">Student Portal</a></li>
                        <li><a href="###">Faculty Portal</a></li>
                        <li><a href="##">Employee Services</a></li>
                        <li><a title="Library Account" href="#">Library Account</a></li>
                        <li><a href="##">Alumni Login</a></li>
                     </ul>
                  </li>
                  <li class="search-box"><button class="search-toggle" aria-label="Open Search"><svg width="24" height="24" viewBox="0 0 24 24" fill="none">
                           <path d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z" stroke="white" stroke-width="2"></path>
                           <path d="M21 20.9999L16.65 16.6499" stroke="white" stroke-width="2"></path></svg></button></li>
               </ul>
            </div>
         </div>
      </div>
      <div class="primary-nav-wrapper">
         <div class="nav-wrapper container-xl">
            <div class="primary-nav d-flex justify-content-between align-items-center">
               <div class="logo"><a href="/"><img src="/_resources/images/sb-logo-desktop.svg" alt="logo"></a></div>
               <ul class="primary-links">
                  <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-about" href="#about">About</a><div class="mega-menu" id="mega-about" role="region" aria-label="About Menu">
                        <div class="nav-wrapper container-xl">
                           <div class="row">
                              <div class="col-lg-4">
                                 <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternate"><a class="image-caption" href="#about">About</a></div>
                              </div>
                              <div class="col-lg-8">
                                 <div class="mega-link-row custom-mega-gutter">
                                    <div class="left-columns">
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">History</a></li>
                                             <li><a href="##">Administration</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Maps &amp; Directions</a></li>
                                             <li><a href="##">Virtual Tour</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                             <li><a href="##">The New York Climate Exchange</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li class="mega-subheading">News &amp; Publications</li>
                                             <li><a href="##">News</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                             <li><a href="##">Economic Impact</a></li>
                                          </ul>
                                       </div>
                                    </div>
                                    <div class="related-links-col">
                                       <ul class="related-links">
                                          <li class="mega-subheading">Related Links</li>
                                          <li><a href="##">Calendars</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                          <li><a href="##">Diversity</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </li>
                  <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-admissions" href="#admissions">Admissions</a><div class="mega-menu" id="mega-admissions" role="region" aria-label="About Menu">
                        <div class="nav-wrapper container-xl">
                           <div class="row">
                              <div class="col-lg-4">
                                 <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternate text"><a class="image-caption" href="#admissions">Admissions</a></div>
                              </div>
                              <div class="col-lg-8">
                                 <div class="mega-link-row custom-mega-gutter">
                                    <div class="left-columns">
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">History</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                             <li><a href="##">Administration</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Maps &amp; Directions</a></li>
                                             <li><a href="##">Virtual Tour</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                             <li><a href="##">The New York Climate Exchange</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li class="mega-subheading">News &amp; Publications</li>
                                             <li><a href="##">News</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                             <li><a href="##">Economic Impact</a></li>
                                          </ul>
                                       </div>
                                    </div>
                                    <div class="related-links-col">
                                       <ul class="related-links">
                                          <li class="mega-subheading">Related Links</li>
                                          <li><a href="##">Calendars</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                          <li><a href="##">Diversity</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </li>
                  <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-academics" href="#academics">Academics</a><div class="mega-menu" id="mega-academics" role="region" aria-label="About Menu">
                        <div class="nav-wrapper container-xl">
                           <div class="row">
                              <div class="col-lg-4">
                                 <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternative text"><a class="image-caption" href="#academics">Academics</a></div>
                              </div>
                              <div class="col-lg-8">
                                 <div class="mega-link-row custom-mega-gutter">
                                    <div class="left-columns">
                                       <div class="col">
                                          <ul>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                             <li><a href="##">History</a></li>
                                             <li><a href="##">Administration</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Maps &amp; Directions</a></li>
                                             <li><a href="##">Virtual Tour</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                             <li><a href="##">The New York Climate Exchange</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li class="mega-subheading">News &amp; Publications</li>
                                             <li><a href="##">News</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                             <li><a href="##">Economic Impact</a></li>
                                          </ul>
                                       </div>
                                    </div>
                                    <div class="related-links-col">
                                       <ul class="related-links">
                                          <li class="mega-subheading">Related Links</li>
                                          <li><a href="##">Calendars</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                          <li><a href="##">Diversity</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </li>
                  <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-campus-life" href="#campuslife">Campus Life</a><div class="mega-menu" id="mega-campus-life" role="region" aria-label="About Menu">
                        <div class="nav-wrapper container-xl">
                           <div class="row">
                              <div class="col-lg-4">
                                 <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is alternate text"><a class="image-caption" href="#campuslife">Campus Life</a></div>
                              </div>
                              <div class="col-lg-8">
                                 <div class="mega-link-row custom-mega-gutter">
                                    <div class="left-columns">
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">History</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                             <li><a href="##">Administration</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Maps &amp; Directions</a></li>
                                             <li><a href="##">Virtual Tour</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                             <li><a href="##">The New York Climate Exchange</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li class="mega-subheading">News &amp; Publications</li>
                                             <li><a href="##">News</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                             <li><a href="##">Economic Impact</a></li>
                                          </ul>
                                       </div>
                                    </div>
                                    <div class="related-links-col">
                                       <ul class="related-links">
                                          <li class="mega-subheading">Related Links</li>
                                          <li><a href="##">Calendars</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                          <li><a href="##">Diversity</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </li>
                  <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-research" href="#research">Research</a><div class="mega-menu" id="mega-research" role="region" aria-label="About Menu">
                        <div class="nav-wrapper container-xl">
                           <div class="row">
                              <div class="col-lg-4">
                                 <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alt"><a class="image-caption" href="#research">Research</a></div>
                              </div>
                              <div class="col-lg-8">
                                 <div class="mega-link-row custom-mega-gutter">
                                    <div class="left-columns">
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Administration</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                             <li><a href="##">History</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Maps &amp; Directions</a></li>
                                             <li><a href="##">Virtual Tour</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                             <li><a href="##">The New York Climate Exchange</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li class="mega-subheading">News &amp; Publications</li>
                                             <li><a href="##">News</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                             <li><a href="##">Economic Impact</a></li>
                                          </ul>
                                       </div>
                                    </div>
                                    <div class="related-links-col">
                                       <ul class="related-links">
                                          <li class="mega-subheading">Related Links</li>
                                          <li><a href="##">Calendars</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                          <li><a href="##">Diversity</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </li>
                  <li><a href="#athletics">Athletics</a></li>
               </ul>
            </div>
         </div>
      </div>
      <div class="search-panel desktop-search-panel">
         <div class="search-panel-inner"><button class="sb-search-panel-close" aria-label="Close search panel">×</button><div class="sb-search-panel p-4">
               <form class="sb-search-form" action="//stonybrook.edu/search" method="get" role="search" aria-label="Site search">
                  <div class="row g-2 align-items-end">
                     <div class="col-12 col-md"><label for="sb-search-input" class="visually-hidden">Search Stony Brook University</label><div class="sb-search-input-wrapper"><span class="sb-search-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                 <path d="M7.33333 12.6667C10.2789 12.6667 12.6667 10.2789 12.6667 7.33333C12.6667 4.38781 10.2789 2 7.33333 2C4.38781 2 2 4.38781 2 7.33333C2 10.2789 4.38781 12.6667 7.33333 12.6667Z" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                 <path d="M14 14L11.1 11.1" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><input type="text" id="sb-search-input" name="q" placeholder="Search Stony Brook University" value="" size="30" tabindex="41" class="populate form-control"></div>
                     </div>
                     <div class="col-12 col-md-auto"><button type="submit" class="btn btn-dark w-100 text-uppercase sb-search-button">Search</button></div>
                  </div>
               </form>
            </div>
         </div>
      </div>
   </nav>
   <div class="mobile-header">
      <div class="header-bar">
         <div class="header-left"><a href="#" class="logo"><img src="/_resources/images/sb-logo-mobile.svg" alt="mobile logo"></a></div>
         <div class="header-right">
            <ul class="header-actions">
               <li class="search-box"><button class="search-toggle-mobile" aria-label="Open Search"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                        <path d="M7.33333 12.6667C10.2789 12.6667 12.6667 10.2789 12.6667 7.33333C12.6667 4.38781 10.2789 2 7.33333 2C4.38781 2 2 4.38781 2 7.33333C2 10.2789 4.38781 12.6667 7.33333 12.6667Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        <path d="M14 14L11.1 11.1" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></button></li>
               <li class="menu-trigger"><button class="menu-toggle" aria-label="Open Menu" aria-expanded="false"><span class="bar"></span><span class="bar"></span><span class="bar"></span></button></li>
            </ul>
         </div>
      </div>
   </div>
   <div class="search-panel mobile-search-panel">
      <div class="search-panel-inner"><button class="sb-search-panel-close" aria-label="Close search panel">×</button><div class="sb-search-panel p-4">
            <form class="sb-search-form" action="//stonybrook.edu/search" method="get" role="search" aria-label="Site search">
               <div class="row g-2 align-items-end">
                  <div class="col-12 col-md"><label for="sb-search-input-mobile" class="visually-hidden">Search Stony Brook University</label><div class="sb-search-input-wrapper"><span class="sb-search-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                              <path d="M7.33333 12.6667C10.2789 12.6667 12.6667 10.2789 12.6667 7.33333C12.6667 4.38781 10.2789 2 7.33333 2C4.38781 2 2 4.38781 2 7.33333C2 10.2789 4.38781 12.6667 7.33333 12.6667Z" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                              <path d="M14 14L11.1 11.1" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><input type="text" id="sb-search-input-mobile" title="Search stonybrook.edu" value="" size="30" tabindex="41" name="q" placeholder="Search Stony Brook University" class="populate form-control"></div>
                  </div>
                  <div class="col-12 col-md-auto"><button type="submit" class="btn btn-dark w-100 text-uppercase sb-search-button">Search</button></div>
               </div>
            </form>
         </div>
      </div>
   </div>
   <nav class="responsive-nav" role="navigation" aria-label="Mobile Navigation">
      <div class="menu-panel">
         <div class="overlay"></div>
         <div class="menu-content">
            <ul class="primary-menu">
               <li class="has-submenu">
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#about">About</a><button class="accordion-toggle" aria-expanded="false" aria-controls="submenu-about" aria-label="Expand About submenu"><span class="arrow"></span></button></div>
                  <ul id="submenu-about" class="accordion-panel" aria-hidden="true">
                     <li><a href="##">History</a></li>
                     <li><a href="##">Administration</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                     <li><a href="##">Maps &amp; Directions</a></li>
                     <li><a href="##">Virtual Tour</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                     <li><a href="##">The New York Climate Exchange</a></li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">News &amp; Publications</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-news-1" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-news-1" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">News</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                           <li><a href="##">Economic Impact</a></li>
                        </ul>
                     </li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">Related Links</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-related-links-1" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-related-links-1" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">Calendars</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                           <li><a href="##">Diversity</a></li>
                           <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                        </ul>
                     </li>
                  </ul>
               </li>
               <li class="has-submenu">
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#admissions">Admissions</a><button class="accordion-toggle" aria-expanded="false" aria-controls="submenu-admissions" aria-label="Expand About submenu"><span class="arrow"></span></button></div>
                  <ul id="submenu-admissions" class="accordion-panel" aria-hidden="true">
                     <li><a href="##">History</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                     <li><a href="##">Administration</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                     <li><a href="##">Maps &amp; Directions</a></li>
                     <li><a href="##">Virtual Tour</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                     <li><a href="##">The New York Climate Exchange</a></li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">News &amp; Publications</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-news-2" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-news-2" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">News</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                           <li><a href="##">Economic Impact</a></li>
                        </ul>
                     </li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">Related Links</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-related-links-2" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-related-links-2" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">Calendars</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                           <li><a href="##">Diversity</a></li>
                           <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                        </ul>
                     </li>
                  </ul>
               </li>
               <li class="has-submenu">
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#academics">Academics</a><button class="accordion-toggle" aria-expanded="false" aria-controls="submenu-academics" aria-label="Expand About submenu"><span class="arrow"></span></button></div>
                  <ul id="submenu-academics" class="accordion-panel" aria-hidden="true">
                     <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                     <li><a href="##">History</a></li>
                     <li><a href="##">Administration</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                     <li><a href="##">Maps &amp; Directions</a></li>
                     <li><a href="##">Virtual Tour</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                     <li><a href="##">The New York Climate Exchange</a></li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">News &amp; Publications</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-news-3" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-news-3" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">News</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                           <li><a href="##">Economic Impact</a></li>
                        </ul>
                     </li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">Related Links</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-related-links-3" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-related-links-3" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">Calendars</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                           <li><a href="##">Diversity</a></li>
                           <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                        </ul>
                     </li>
                  </ul>
               </li>
               <li class="has-submenu">
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#campuslife">Campus Life</a><button class="accordion-toggle" aria-expanded="false" aria-controls="submenu-campus-life" aria-label="Expand About submenu"><span class="arrow"></span></button></div>
                  <ul id="submenu-campus-life" class="accordion-panel" aria-hidden="true">
                     <li><a href="##">History</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                     <li><a href="##">Administration</a></li>
                     <li><a href="##">Maps &amp; Directions</a></li>
                     <li><a href="##">Virtual Tour</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                     <li><a href="##">The New York Climate Exchange</a></li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">News &amp; Publications</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-news-4" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-news-4" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">News</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                           <li><a href="##">Economic Impact</a></li>
                        </ul>
                     </li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">Related Links</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-related-links-4" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-related-links-4" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">Calendars</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                           <li><a href="##">Diversity</a></li>
                           <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                        </ul>
                     </li>
                  </ul>
               </li>
               <li class="has-submenu">
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#research">Research</a><button class="accordion-toggle" aria-expanded="false" aria-controls="submenu-research" aria-label="Expand About submenu"><span class="arrow"></span></button></div>
                  <ul id="submenu-research" class="accordion-panel" aria-hidden="true">
                     <li><a href="##">Administration</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                     <li><a href="##">History</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                     <li><a href="##">Maps &amp; Directions</a></li>
                     <li><a href="##">Virtual Tour</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                     <li><a href="##">The New York Climate Exchange</a></li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">News &amp; Publications</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-news-5" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-news-5" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">News</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                           <li><a href="##">Economic Impact</a></li>
                        </ul>
                     </li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">Related Links</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-related-links-5" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-related-links-5" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">Calendars</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                           <li><a href="##">Diversity</a></li>
                           <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                        </ul>
                     </li>
                  </ul>
               </li>
               <li>
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#athletics">Athletics</a></div>
               </li>
               <li>
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="/medicine" title="Medicine">Medicine</a></div>
               </li>
            </ul>
            <div class="mobile-nav-footer-links">
               <div class="info-logins-grid">
                  <div class="info-column">
                     <h3 class="footer-heading">Info for —</h3>
                     <ul class="footer-link-list">
                        <li><a href="#">Maps and Directions</a></li>
                        <li><a href="##">Virtual Tour</a></li>
                        <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                        <li><a title="Stony Brook Southampton" href="##">Stony Brook Southampton</a></li>
                        <li><a href="###">The New York Climate Exchange</a></li>
                     </ul>
                  </div>
                  <div class="logins-column">
                     <h3 class="footer-heading with-icon"><span class="login-icon" aria-hidden="true"><img src="/_resources/images/logins-icon.svg" alt="" width="16" height="17"></span>
                        				Logins —
                        			</h3>
                     <ul class="footer-link-list">
                        <li><a href="#" target="_blank" rel="noopener">Student Portal</a></li>
                        <li><a href="###">Faculty Portal</a></li>
                        <li><a href="##">Employee Services</a></li>
                        <li><a title="Library Account" href="#">Library Account</a></li>
                        <li><a href="##">Alumni Login</a></li>
                     </ul>
                  </div>
               </div>
            </div>
         </div>
         <div class="bottom-links">
            <ul class="bottom-links-list">
               <li><a href="/apply" target="_blank" rel="noopener">Apply</a></li>
               <li><a href="/visit">Visit</a></li>
               <li><a href="/give">Giving</a></li>
            </ul>
         </div>
      </div>
   </nav>
   <nav class="sticky-nav" aria-label="Sticky Navigation" role="navigation">
      <div class="sticky-search-panel">
         <div class="search-panel-inner"><button class="sb-search-panel-close" aria-label="Close search panel">×</button><div class="sb-search-panel p-4">
               <form class="sb-search-form" action="//stonybrook.edu/search" method="get" role="search" aria-label="Site search">
                  <div class="row g-2 align-items-end">
                     <div class="col-12 col-md"><label for="sb-search-input-sticky" class="visually-hidden">Search Stony Brook University</label><div class="sb-search-input-wrapper"><span class="sb-search-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                 <path d="M7.33333 12.6667C10.2789 12.6667 12.6667 10.2789 12.6667 7.33333C12.6667 4.38781 10.2789 2 7.33333 2C4.38781 2 2 4.38781 2 7.33333C2 10.2789 4.38781 12.6667 7.33333 12.6667Z" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                 <path d="M14 14L11.1 11.1" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><input type="text" id="sb-search-input-sticky" name="q" title="Search stonybrook.edu" value="" size="30" tabindex="41" placeholder="Search Stony Brook University" class="populate form-control"></div>
                     </div>
                     <div class="col-12 col-md-auto"><button type="submit" class="btn btn-dark w-100 text-uppercase sb-search-button">Search</button></div>
                  </div>
               </form>
            </div>
         </div>
      </div>
      <div class="sticky-nav-background"></div>
      <div class="sticky-nav-content d-flex justify-content-between align-items-center">
         <div class="sticky-nav-left">
            <div class="logo"><a href="/"><img src="/_resources/images/sb-logo-sticky.svg" alt="sticky logo"></a></div>
         </div>
         <div class="sticky-nav-right">
            <ul class="sticky-links list-unstyled d-flex mb-0">
               <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-about-sticky" href="#about">About</a><div class="mega-menu" id="mega-about-sticky" role="region" aria-label="About Menu">
                     <div class="nav-wrapper container-xl">
                        <div class="row">
                           <div class="col-lg-4">
                              <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternate"><a class="image-caption" href="#about">About</a></div>
                           </div>
                           <div class="col-lg-8">
                              <div class="mega-link-row custom-mega-gutter">
                                 <div class="left-columns">
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">History</a></li>
                                          <li><a href="##">Administration</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Maps &amp; Directions</a></li>
                                          <li><a href="##">Virtual Tour</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                          <li><a href="##">The New York Climate Exchange</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li class="mega-subheading">News &amp; Publications</li>
                                          <li><a href="##">News</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                          <li><a href="##">Economic Impact</a></li>
                                       </ul>
                                    </div>
                                 </div>
                                 <div class="related-links-col">
                                    <ul class="related-links">
                                       <li class="mega-subheading">Related Links</li>
                                       <li><a href="##">Calendars</a></li>
                                       <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                       <li><a href="##">Diversity</a></li>
                                       <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </li>
               <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-admissions-sticky" href="#admissions">Admissions</a><div class="mega-menu" id="mega-admissions-sticky" role="region" aria-label="About Menu">
                     <div class="nav-wrapper container-xl">
                        <div class="row">
                           <div class="col-lg-4">
                              <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternate text"><a class="image-caption" href="#admissions">Admissions</a></div>
                           </div>
                           <div class="col-lg-8">
                              <div class="mega-link-row custom-mega-gutter">
                                 <div class="left-columns">
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">History</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                          <li><a href="##">Administration</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Maps &amp; Directions</a></li>
                                          <li><a href="##">Virtual Tour</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                          <li><a href="##">The New York Climate Exchange</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li class="mega-subheading">News &amp; Publications</li>
                                          <li><a href="##">News</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                          <li><a href="##">Economic Impact</a></li>
                                       </ul>
                                    </div>
                                 </div>
                                 <div class="related-links-col">
                                    <ul class="related-links">
                                       <li class="mega-subheading">Related Links</li>
                                       <li><a href="##">Calendars</a></li>
                                       <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                       <li><a href="##">Diversity</a></li>
                                       <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </li>
               <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-academics-sticky" href="#academics">Academics</a><div class="mega-menu" id="mega-academics-sticky" role="region" aria-label="About Menu">
                     <div class="nav-wrapper container-xl">
                        <div class="row">
                           <div class="col-lg-4">
                              <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternative text"><a class="image-caption" href="#academics">Academics</a></div>
                           </div>
                           <div class="col-lg-8">
                              <div class="mega-link-row custom-mega-gutter">
                                 <div class="left-columns">
                                    <div class="col">
                                       <ul>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                          <li><a href="##">History</a></li>
                                          <li><a href="##">Administration</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Maps &amp; Directions</a></li>
                                          <li><a href="##">Virtual Tour</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                          <li><a href="##">The New York Climate Exchange</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li class="mega-subheading">News &amp; Publications</li>
                                          <li><a href="##">News</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                          <li><a href="##">Economic Impact</a></li>
                                       </ul>
                                    </div>
                                 </div>
                                 <div class="related-links-col">
                                    <ul class="related-links">
                                       <li class="mega-subheading">Related Links</li>
                                       <li><a href="##">Calendars</a></li>
                                       <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                       <li><a href="##">Diversity</a></li>
                                       <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </li>
               <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-campus-life-sticky" href="#campuslife">Campus Life</a><div class="mega-menu" id="mega-campus-life-sticky" role="region" aria-label="About Menu">
                     <div class="nav-wrapper container-xl">
                        <div class="row">
                           <div class="col-lg-4">
                              <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is alternate text"><a class="image-caption" href="#campuslife">Campus Life</a></div>
                           </div>
                           <div class="col-lg-8">
                              <div class="mega-link-row custom-mega-gutter">
                                 <div class="left-columns">
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">History</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                          <li><a href="##">Administration</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Maps &amp; Directions</a></li>
                                          <li><a href="##">Virtual Tour</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                          <li><a href="##">The New York Climate Exchange</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li class="mega-subheading">News &amp; Publications</li>
                                          <li><a href="##">News</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                          <li><a href="##">Economic Impact</a></li>
                                       </ul>
                                    </div>
                                 </div>
                                 <div class="related-links-col">
                                    <ul class="related-links">
                                       <li class="mega-subheading">Related Links</li>
                                       <li><a href="##">Calendars</a></li>
                                       <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                       <li><a href="##">Diversity</a></li>
                                       <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </li>
               <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-research-sticky" href="#research">Research</a><div class="mega-menu" id="mega-research-sticky" role="region" aria-label="About Menu">
                     <div class="nav-wrapper container-xl">
                        <div class="row">
                           <div class="col-lg-4">
                              <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alt"><a class="image-caption" href="#research">Research</a></div>
                           </div>
                           <div class="col-lg-8">
                              <div class="mega-link-row custom-mega-gutter">
                                 <div class="left-columns">
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Administration</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                          <li><a href="##">History</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Maps &amp; Directions</a></li>
                                          <li><a href="##">Virtual Tour</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                          <li><a href="##">The New York Climate Exchange</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li class="mega-subheading">News &amp; Publications</li>
                                          <li><a href="##">News</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                          <li><a href="##">Economic Impact</a></li>
                                       </ul>
                                    </div>
                                 </div>
                                 <div class="related-links-col">
                                    <ul class="related-links">
                                       <li class="mega-subheading">Related Links</li>
                                       <li><a href="##">Calendars</a></li>
                                       <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                       <li><a href="##">Diversity</a></li>
                                       <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </li>
               <li><a href="#athletics">Athletics</a></li>
               <li class="search-box"><button class="search-toggle" aria-label="Open Search"><svg width="24" height="24" viewBox="0 0 24 24" fill="none">
                        <path d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z" stroke="white" stroke-width="2"></path>
                        <path d="M21 20.9999L16.65 16.6499" stroke="white" stroke-width="2"></path></svg></button></li>
            </ul>
         </div>
      </div>
   </nav>
</header>      		
      <section class="homepage-hero d-none d-lg-block" aria-label="Homepage Hero Section">
         <div class="hero-background">
            <div class="video-container"><video id="hero-video" playsinline="playsinline" autoplay muted>
                  <source src="https://www.stonybrook.edu/far-beyond/video/GIVING-DAY-HOMEPAGE-2025.mp4" type="video/mp4">
                  						Your browser does not support the video tag.
                  					</video><div class="hero-wrapper">
                  <div class="content-banner">
                     <div class="banner-content-wrapper">
                        <div class="banner-content">
                           <h1 class="hero-title">Dare to reach your potential</h1>
                           <p class="hero-subtitle">A dynamic education awaits you at Stony Brook, an internationally recognized research
                              institution that's one of America's most affordable.</p><a class="change-life-btn" title="Change your life" href="##">Change your life</a></div>
                     </div>
                     <div class="banner-content">
                        <div class="keyline" aria-hidden="true"></div>
                        <nav class="bottom-links" aria-label="Quick Links"><a href="#/">Sit amet eu amd tempor</a><a href="###">Lorem ipsum dolor</a></nav>
                     </div><img class="prisms" src="/_resources/images/hero-prisms-v2-01.svg" alt="" aria-hidden="true"></div>
               </div>
               <div class="video-controls"><button class="btn" id="playPauseBtn" aria-label="Pause video"><span class="pause-icon"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16" fill="none">
                           <rect width="4" height="16" fill="white"/>
                           <rect x="10" width="4" height="16" fill="white"/></svg></span><span class="play-icon d-none"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16" fill="none">
                           <path d="M14 8L0 16V0L14 8Z" fill="white"/></svg></span></button></div>
            </div><svg xmlns="http://www.w3.org/2000/svg" class="bg-triangle" width="1200" height="300" viewBox="0 0 1200 300" fill="none" aria-hidden="true">
               <path d="M1200 0V300L200 128L1200 0Z" fill="#1791AD"/></svg><div class="skewed-overlay"></div>
         </div>
         <div class="hero-wrapper">
            <div class="action-buttons"><a class="btn btn-apply" aria-label="Apply Now" href="##">Apply Now</a><a class="btn btn-tour" aria-label="Schedule a Tour" href="#">Schedule a Tour</a><a class="btn btn-info" aria-label="Request Info" href="##">Request Info</a></div>
         </div>
      </section>
      <section class="homepage-hero-tablet d-none d-sm-block d-lg-none" aria-label="Homepage Hero Section">
         <div class="hero-background">
            <div class="hero-image"><img src="/_resources/images/hp-hero-tablet.png" alt="Mobile Hero Image of students on a tablet" aria-hidden="true"></div>
            <div class="hero-wrapper">
               <div class="content-banner">
                  <div class="banner-content-wrapper">
                     <div class="banner-content">
                        <h1 class="hero-title">Dare to reach your potential</h1>
                        <p class="hero-subtitle">A dynamic education awaits you at Stony Brook, an internationally recognized research
                           institution that's one of America's most affordable.</p><a class="change-life-btn" title="Change your life" href="##">Change your life</a></div>
                  </div>
                  <div class="banner-content">
                     <div class="keyline" aria-hidden="true"></div>
                     <nav class="bottom-links" aria-label="Quick Links"><a href="#/">Sit amet eu amd tempor</a><a href="###">Lorem ipsum dolor</a></nav>
                  </div><img class="prisms" src="/_resources/images/hero-prisms-v2-01.svg" alt="" aria-hidden="true"></div>
            </div>
         </div>
         <div class="action-buttons-tablet">
            <div class="row g-0">
               <div class="col-12">
                  <div class="action-buttons-wrapper"><a class="btn btn-apply" aria-label="Apply Now" href="##">Apply Now</a><a class="btn btn-tour" aria-label="Schedule a Tour" href="#">Schedule a Tour</a><a class="btn btn-info" aria-label="Request Info" href="##">Request Info</a></div>
               </div>
            </div>
         </div>
      </section>
      <section class="homepage-hero-mobile d-block d-sm-none" aria-label="Homepage Hero Section Mobile">
         <div class="mobile-action-buttons-container">
            <div class="action-buttons-wrapper"><a class="btn btn-apply" aria-label="Apply Now" href="##">Apply Now</a><a class="btn btn-tour" aria-label="Schedule a Tour" href="#">Schedule a Tour</a><a class="btn btn-info" aria-label="Request Info" href="##">Request Info</a></div>
         </div>
         <div class="mobile-content-area">
            <div class="content-banner">
               <div class="banner-content-wrapper">
                  <div class="banner-content">
                     <h1 class="hero-title">Dare to reach your potential</h1>
                     <p class="hero-subtitle">A dynamic education awaits you at Stony Brook, an internationally recognized research
                        institution that's one of America's most affordable.</p><a class="change-life-btn" title="Change your life" href="##">Change your life</a></div>
               </div>
            </div>
         </div>
      </section>
      <main id="main-content" class="fluid-container main-content" tabindex="-1" role="main" aria-label="Main Content Area">
         	
         <div class="divider divider-24 gradient-specialty-deep-blue-green" role="presentation"></div>
          
         
         
         <section class="news-section" aria-labelledby="news-title">
            <div class="news-header-bar text-white text-center">
               <div class="container-1280">
                  <h2 id="news-title" class="news-title">Daring to Take on the World</h2>
               </div>
            </div>
            <div class="container-1280">
               <h3 id="news-subtitle" class="news-subtitle">News From Stony Brook</h3>
            </div>
            <div class="section-content-wrapper">
               <div class="row gx-4">
                  <div class="col-lg-8 mb-4 mb-lg-0 news-stack border-lg-end">
                     <article class="news-item"><a href="" target="_blank" class="news-feature d-block" aria-labelledby="feature-caption">
                           <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-lg.png" alt="Students and faculty on a boat during Stony Brook University's 64th Commencement" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                 <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                       <defs>
                                          <clipPath id="clip-triangle">
                                             <polygon points="0,100 100,100 100,0"/>
                                          </clipPath>
                                       </defs>
                                       <g clip-path="url(#clip-triangle)">
                                          <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                          <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                          <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                          <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                       </g></svg></div>
                              </div>
                           </div>
                           <div class="news-feature-caption"><span id="feature-caption">Stony Brook University's 64th Commencement Features a Full House</span></div></a></article>
                  </div>
                  <div class="col-lg-4 d-flex flex-column">
                     <div class="news-right-desktop d-none d-lg-block" role="list">
                        <div class="row gx-3 gy-4">
                           <div class="col-lg-6 news-stack border-lg-end d-flex flex-column gap-4">
                              <article class="news-item" role="listitem">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="card1-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-1.png" alt="Student researcher in lab coat holding scientific equipment" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="card1-caption">SB Hospital's Dietetic Interns Battle it Out In</span></div></a></div>
                              </article>
                              <article class="news-item" role="listitem">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="card3-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-3.png" alt="SOCJ Graduate Students Present" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="card3-caption">SOCJ Graduate Students Present</span></div></a></div>
                              </article>
                           </div>
                           <div class="col-lg-6 news-stack d-flex flex-column gap-4">
                              <article class="news-item" role="listitem">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="card2-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-2.png" alt="SB Hospital's Dietetic Interns" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="card2-caption">SB Hospital's Dietetic Interns Battle it Out In</span></div></a></div>
                              </article>
                              <article class="news-item" role="listitem">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="card4-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-4.png" alt="SOCJ Graduate Students Present" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="card4-caption">SOCJ Graduate Students Present</span></div></a></div>
                              </article>
                           </div>
                        </div>
                     </div>
                     <div class="news-right-mobile d-lg-none" role="list">
                        <div class="row gx-3 gy-4">
                           <div class="col-12 col-sm-3" role="listitem">
                              <article class="news-item">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="mobile-card1-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-1.png" alt="Student researcher in lab coat holding scientific equipment" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="mobile-card1-caption">SB Hospital's Dietetic Interns Battle it Out In</span></div></a></div>
                              </article>
                           </div>
                           <div class="col-12 col-sm-3" role="listitem">
                              <article class="news-item">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="mobile-card2-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-2.png" alt="SB Hospital's Dietetic Interns" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="mobile-card2-caption">SB Hospital's Dietetic Interns Battle it Out In</span></div></a></div>
                              </article>
                           </div>
                           <div class="col-12 col-sm-3" role="listitem">
                              <article class="news-item">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="mobile-card3-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-3.png" alt="SOCJ Graduate Students Present" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="mobile-card3-caption">SOCJ Graduate Students Present</span></div></a></div>
                              </article>
                           </div>
                           <div class="col-12 col-sm-3" role="listitem">
                              <article class="news-item">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="mobile-card4-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-4.png" alt="SOCJ Graduate Students Present" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="mobile-card4-caption">SOCJ Graduate Students Present</span></div></a></div>
                              </article>
                           </div>
                        </div>
                     </div>
                     <div class="d-flex justify-content-center mt-4"><a href="#" target="_blank" class="btn btn-see-all" aria-label="View all news stories">See All Stories</a></div>
                  </div>
               </div>
            </div>
         </section> 
         
         
         	
         <div class="divider divider-24 gradient-specialty-deep-blue-green" role="presentation"></div>
          
         
         <section class="belong-section" aria-labelledby="belong-title">
            
            <div class="belong-header-bar">
               
               <h2 id="belong-title" class="belong-title">You Belong Here</h2>
               </div>
            
            <div class="belong-subtitle">
               
               <h3 id="belong-subtitle">See why the brightest minds choose Stony Brook</h3>
               </div>
            <!-- Mobile intro text (visible only xs) -->
            
            <div class="belong-mobile-intro d-sm-none">
               
               <p class="belong-intro-text" aria-label="Introduction">START YOUR SUCCESS STORY AT STONY BROOK, NEW YORK'S FLAGSHIP AND NO. 1 PUBLIC UNIVERSITY</p>
               </div>
            <!-- Desktop/Tablet Layout (576px and up) -->
            
            <div class="section-content-wrapper d-none d-sm-block">
               
               <div class="belong-grid" role="list"><!-- Existing grid items -->
                  
                  <div class="belong-grid-item intro" role="listitem">
                     
                     <p class="belong-intro-text" aria-label="Introduction">START YOUR<br>SUCCESS STORY AT<br>STONY BROOK,<br>NEW YORK'S FLAGSHIP<br>AND NO. 1 PUBLIC<br>UNIVERSITY</p>
                     </div>
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/girl-playing-flute.png" alt="Student playing flute in a practice room"></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat bright-red" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of alumni" data-target="250000">250,000+</span> <span class="stat-label">alumni worldwide</span></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat navy" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Public university in the nation" data-target="26">#26</span> <span class="stat-label">public university in the nation</span></div>
                     </div>
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/cheerleaders-celebrating.png" alt="Cheerleaders celebrating"></div>
                     </div>
                  <!-- Row 2: Items 6-10 -->
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/students-locking-bike.png" alt="Students locking bike"></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat turquoise" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of fields of study" data-target="300">Over 300</span> <span class="stat-label">fields of study</span></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat red" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of alumni" data-target="250000">250,000+</span> <span class="stat-label">alumni worldwide</span></div>
                     </div>
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/students-in-lab.png" alt="Students in laboratory"></div>
                     </div>
                  
                  <div class="belong-grid-item facts-button" role="listitem"><a class="btn btn-facts" href="https://web-test.stonybrook.edu/facts-and-rankings" aria-label="View all Stony Brook facts and rankings"> <span class="btn-text">VIEW ALL<br>FACTS &amp;<br>RANKINGS</span> </a></div>
                  </div>
               </div>
            <!-- Mobile Layout (below 576px) -->
            
            <div class="belong-mobile-grid d-block d-sm-none" role="list"><!-- Row 1: Flute player | Red stat -->
               
               <div class="belong-grid-row">
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/girl-playing-flute.png" alt="Student playing flute in a practice room"></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat bright-red" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of alumni" data-target="250000">250,000+</span> <span class="stat-label">alumni worldwide</span></div>
                     </div>
                  </div>
               <!-- Row 2: Navy stat | Cheerleaders -->
               
               <div class="belong-grid-row">
                  
                  <div class="belong-grid-item belong-stat navy" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Public university in the nation" data-target="26">#26</span> <span class="stat-label">public university in the nation</span></div>
                     </div>
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/cheerleaders-celebrating.png" alt="Cheerleaders celebrating"></div>
                     </div>
                  </div>
               <!-- Row 3: Bike | Turquoise stat -->
               
               <div class="belong-grid-row">
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/students-locking-bike.png" alt="Students locking bike"></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat turquoise" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of fields of study" data-target="300">Over 300</span> <span class="stat-label">fields of study</span></div>
                     </div>
                  </div>
               <!-- Row 4: Red stat | Lab students -->
               
               <div class="belong-grid-row">
                  
                  <div class="belong-grid-item belong-stat red" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of alumni" data-target="250000">250,000+</span> <span class="stat-label">alumni worldwide</span></div>
                     </div>
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/students-in-lab.png" alt="Students in laboratory"></div>
                     </div>
                  </div>
               <!-- Button row (centered) -->
               
               <div class="belong-grid-row button-row">
                  
                  <div class="belong-grid-item facts-button" role="listitem"><a class="btn btn-facts" href="https://web-test.stonybrook.edu/facts-and-rankings" aria-label="View all Stony Brook facts and rankings"> <span class="btn-text">VIEW ALL<br>FACTS &amp;<br>RANKINGS</span> </a></div>
                  </div>
               </div>
            </section>
         
         <section class="path-section" aria-labelledby="path-heading">
            <div class="section-content-wrapper">
               <div class="divider divider-8 gradient-specialty-deep-blue-green" aria-hidden="true"></div>
               <div class="row justify-content-center">
                  <div class="col-12 text-center">
                     <h2 id="path-heading" class="path-heading animate-on-scroll fade-up">Choose the Path to Your Future</h2>
                     <h3 data-delay="200" class="path-subheading animate-on-scroll fade-up">Push boundaries, challenge assumptions, and redefine what's possible</h3>
                  </div>
               </div>
               <div class="row path-cards mt-5">
                  <div class="col-sm-4 col-md-4 col-lg-3 path-card animate-on-scroll fade-right" data-delay="300"><a href="###" target="_blank" class="card" aria-label="Undergraduate">
                        <div class="card-img-container"><img src="/_resources/images/path-female-student-in-lab.png" class="card-img-top" alt="Female undergraduate student conducting research in a laboratory setting"></div>
                        <div class="card-title-wrapper">
                           <h4 class="card-title">Undergraduate</h4>
                        </div>
                        <div class="card-body">
                           <p class="card-text">Suspendisse quis laoreet tortor. Sed sodales enim eu nunc pharetra rutrum. Nam porta
                              nulla non risus porta imperdiet.</p>
                        </div></a></div>
                  <div class="col-sm-4 col-md-4 col-lg-3 path-card animate-on-scroll fade-right" data-delay="300"><a href="#/" target="_blank" class="card" aria-label="Graduate">
                        <div class="card-img-container"><img src="/_resources/images/path-3-students-collaborating.png" class="card-img-top" alt="Three graduate students working together on a research project"></div>
                        <div class="card-title-wrapper">
                           <h4 class="card-title">Graduate</h4>
                        </div>
                        <div class="card-body">
                           <p class="card-text">Suspendisse quis laoreet tortor. Sed sodales enim eu nunc pharetra rutrum. Nam porta
                              nulla non risus porta imperdiet.</p>
                        </div></a></div>
                  <div class="col-sm-4 col-md-4 col-lg-3 path-card animate-on-scroll fade-right" data-delay="300"><a href="##" target="_blank" class="card" aria-label="Professional Dev.">
                        <div class="card-img-container"><img src="/_resources/images/path-student-at-laptop.png" class="card-img-top" alt="Student working on a laptop in a modern learning environment"></div>
                        <div class="card-title-wrapper">
                           <h4 class="card-title">Professional Dev.</h4>
                        </div>
                        <div class="card-body">
                           <p class="card-text">Suspendisse quis laoreet tortor. Sed sodales enim eu nunc pharetra rutrum. Nam porta
                              nulla non risus porta imperdiet.</p>
                        </div></a></div>
                  <div class="col-12 col-md-12 col-lg-3 path-buttons animate-on-scroll fade-left" data-delay="600">
                     <div class="button-wrapper"><button class="path-button majors-minors" aria-label="Major &amp; Minors"><span>MAJOR &amp; MINORS</span></button><button class="path-button schedule-tour" aria-label="Schedule a Tour"><span>SCHEDULE A TOUR</span></button><button class="path-button apply-now" aria-label="Apply Now"><span>APPLY NOW</span></button></div>
                  </div>
               </div>
            </div>
         </section> 
         
         
         <section class="calendar-section">
            <div class="container-fluid">
               <div class="calendar-section__header">
                  <h2>What's Going On</h2>
                  <h3>There's always something interesting happening at The Brook</h3>
               </div>
               <div class="row">
                  <div class="col-lg-6 col-md-6">
                     <div class="row calendar-inner-row"><h3>Nothing matching that URL</h3>                        <div class="col-md-7 calendar-section__content-col">
                           <div class="calendar-section__countdown">
                              <div class="countdown-item" aria-label="00 Days">
                                 <div class="number">00</div>
                                 <div class="label">DAYS</div>
                              </div>
                              <div class="countdown-item" aria-label="04 Hours">
                                 <div class="number">00</div>
                                 <div class="label">HOURS</div>
                              </div>
                              <div class="countdown-item" aria-label="31 Minutes">
                                 <div class="number">00</div>
                                 <div class="label">MINS</div>
                              </div>
                              <div class="countdown-item" aria-label="19 Seconds">
                                 <div class="number">00</div>
                                 <div class="label">SECS</div>
                              </div>
                           </div>
                           <div class="calendar-section__save-date"><h3>Nothing matching that URL</h3></div>
                           <div class="calendar-section__buttons"><a href="##" target="_blank" class="btn btn-global btn-global--white-transparent-black-hover">Learn More</a><a href="#" target="_blank" class="btn btn-global btn-global--white-transparent-black-hover">Register</a></div>
                        </div>
                     </div>
                  </div>
                  <div class="col-lg-6 col-md-6">
                     <div class="calendar-section__events">
                        <div class="row calendar-inner-row"><div class="col-6 calendar-section__events-col calendar-section__events-col--left">	<ul class="calendar-section__events-list"><li class="calendar-section__events-item">	<div class="date" aria-label="August 6">		<div class="day">06</div>		<div class="month">Aug</div>	</div>	<div class="content">	<p>Pollock-Krasner House and Study Center: Family Tour and  Drip Painting Workshops</p>	</div></li><li class="calendar-section__events-item">	<div class="date" aria-label="August 9">		<div class="day">09</div>		<div class="month">Aug</div>	</div>	<div class="content">	<p>Pollock-Krasner House and Study Center: Family Tour and  Drip Painting Workshops</p>	</div></li>	</ul></div></div>
                        <div class="calendar-section__buttons"><a href="/events" target="_blank" class="btn btn-global btn-global--white-transparent-black-hover">See All Events</a></div>
                     </div>
                  </div>
               </div>
            </div>
         </section> 
         
         
         <section class="sb-campuslife-section" aria-label="Campus Life Navigation">
            <div class="section-content-wrapper">
               <h2 class="visually-hidden">Campus Life</h2>
               <div class="top-row" role="list">
                  <div class="sb-campuslife-circle" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/studentlife/" target="_blank" aria-label="Student Life">
                        <div class="sb-campuslife-container"><img src="/_resources/images/circle-button-student-life.jpg" alt="This is an alternate"><div class="sb-campuslife-gradient" aria-hidden="true"></div>
                           <div class="sb-campuslife-title">STUDENT LIFE</div>
                        </div></a></div>
                  <div class="sb-campuslife-circle" role="listitem"><a href="https://www.stonybrook.edu/campus-life/arts-and-culture/" target="_blank" aria-label="Arts &amp; Culture">
                        <div class="sb-campuslife-container"><img src="/_resources/images/circle-button-arts-culture.jpg" alt="Woman painting"><div class="sb-campuslife-gradient" aria-hidden="true"></div>
                           <div class="sb-campuslife-title">ARTS &amp; CULTURE</div>
                        </div></a></div>
               </div>
               <div class="bottom-row" role="list">
                  <div class="sb-campuslife-circle" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/health-wellness/" target="_blank" aria-label="Health &amp; Safety">
                        <div class="sb-campuslife-container"><img src="/_resources/images/circle-button-health-safety.jpg" alt="Student in the lab"><div class="sb-campuslife-gradient" aria-hidden="true"></div>
                           <div class="sb-campuslife-title">HEALTH &amp; SAFETY</div>
                        </div></a></div>
                  <div class="sb-campuslife-circle" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/sac/get_involved.php" target="_blank" aria-label="Student Involvement">
                        <div class="sb-campuslife-container"><img src="/_resources/images/circle-button-student-involvement.jpg" alt="Two students running in the park"><div class="sb-campuslife-gradient" aria-hidden="true"></div>
                           <div class="sb-campuslife-title">STUDENT INVOLVEMENT</div>
                        </div></a></div>
                  <div class="sb-campuslife-circle sb-explore-circle" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/stu/" target="_blank" aria-label="ExploreCampus Life">
                        <div class="sb-campuslife-container">
                           <div class="sb-campuslife-title explore">
                              <div class="text-container">
                                 <div class="explore-line">EXPLORE <img class="arrow-img" src="/_resources/images/campus-life-arrow.svg" alt="arrow" aria-hidden="true"></div>
                                 <div class="campus-line">CAMPUS LIFE</div>
                              </div>
                           </div>
                        </div></a></div>
               </div>
            </div>
         </section>
         <section class="sb-campuslife-mobile" aria-label="Campus Life Navigation for Mobile Devices">
            <h2 class="visually-hidden">Campus Life</h2>
            <div role="list" class="mobile-row">
               <div class="sb-circle-mobile" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/studentlife/" target="_blank" aria-label="Student Life">
                     <div class="sb-circle-container-mobile"><img src="/_resources/images/circle-button-student-life.jpg" alt=""><div class="sb-circle-gradient-mobile" aria-hidden="true"></div>
                        <div class="sb-circle-title-mobile">STUDENT LIFE</div>
                     </div></a></div>
               <div class="sb-circle-mobile" role="listitem"><a href="https://www.stonybrook.edu/campus-life/arts-and-culture/" target="_blank" aria-label="Arts &amp; Culture">
                     <div class="sb-circle-container-mobile"><img src="/_resources/images/circle-button-arts-culture.jpg" alt=""><div class="sb-circle-gradient-mobile" aria-hidden="true"></div>
                        <div class="sb-circle-title-mobile">ARTS &amp; CULTURE</div>
                     </div></a></div>
            </div>
            <div role="list" class="mobile-row">
               <div class="sb-circle-mobile" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/health-wellness/" target="_blank" aria-label="Health &amp; Safety">
                     <div class="sb-circle-container-mobile"><img src="/_resources/images/circle-button-health-safety.jpg" alt=""><div class="sb-circle-gradient-mobile" aria-hidden="true"></div>
                        <div class="sb-circle-title-mobile">HEALTH &amp; SAFETY</div>
                     </div></a></div>
               <div class="sb-circle-mobile" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/sac/get_involved.php" target="_blank" aria-label="Student Involvement">
                     <div class="sb-circle-container-mobile"><img src="/_resources/images/circle-button-student-involvement.jpg" alt=""><div class="sb-circle-gradient-mobile" aria-hidden="true"></div>
                        <div class="sb-circle-title-mobile">STUDENT INVOLVEMENT</div>
                     </div></a></div>
            </div>
            <div role="list" class="mobile-row">
               <div class="sb-circle-mobile sb-explore-circle-mobile" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/stu/" target="_blank" aria-label="ExploreCampus Life">
                     <div class="sb-circle-container-mobile">
                        <div class="sb-circle-title-mobile">
                           <div class="text-container-mobile">
                              <div class="explore-line-mobile">EXPLORE <img class="arrow-img-mobile" src="/_resources/images/campus-life-arrow.svg" alt="mobile arrow" aria-hidden="true"></div>
                              <div class="campus-line-mobile">CAMPUS LIFE</div>
                           </div>
                        </div>
                     </div></a></div>
            </div>
         </section>
         
         
         	
         <div class="divider divider-24 gradient-specialty-deep-blue-green" role="presentation"></div>
          
         
         
         <section class="sb-hp-carousel-wrapper" aria-label="Meet Our Seawolves Carousel">
            <div class="sb-hp-carousel-intro">
               <h2 class="sb-hp-carousel-title">Meet Our Seawolves</h2>
               <h3 class="sb-hp-carousel-subtitle">Meet the innovators, change-makers, and visionaries shaping tomorrow</h3>
            </div>
            <div class="sb-hp-carousel slick-carousel" role="region" aria-roledescription="carousel">
               <div class="sb-hp-carousel-item">
                  <div class="sb-hp-carousel-inner">
                     <div class="sb-hp-carousel-image"><img src="/_resources/images/hp-carousel-placeholder-image.jpg" alt="./ikmagealt" loading="lazy"></div>
                     <div class="sb-hp-carousel-content">
                        <h4 class="sb-hp-carousel-name">Name</h4>
                        <p class="sb-hp-carousel-text">Donec ac tempor ipsum, sit amet pellentesque augue. Curabitur vel ante suscipit, dapibus
                           justo sed, dapibus mi. Proin non ullamcorper metus. Vestibulum non porttitor turpis,
                           sit.</p><a href="###" target="_blank" class="sb-hp-carousel-link" aria-label="Learn More">Learn More</a></div>
                  </div>
               </div>
               <div class="sb-hp-carousel-item">
                  <div class="sb-hp-carousel-inner">
                     <div class="sb-hp-carousel-image"><img src="/_resources/images/hp-carousel-placeholder-image.jpg" alt="./ikmagealt" loading="lazy"></div>
                     <div class="sb-hp-carousel-content">
                        <h1 class="sb-hp-carousel-name">Another Name</h1>
                        <p class="sb-hp-carousel-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt
                           ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p><a href="##" target="_blank" class="sb-hp-carousel-link" aria-label="Learn More">Learn More</a></div>
                  </div>
               </div>
               <div class="sb-hp-carousel-item">
                  <div class="sb-hp-carousel-inner">
                     <div class="sb-hp-carousel-image"><img src="/_resources/images/hp-carousel-placeholder-image.jpg" alt="./ikmagealt" loading="lazy"></div>
                     <div class="sb-hp-carousel-content">
                        <h1 class="sb-hp-carousel-name">Another Name</h1>
                        <p class="sb-hp-carousel-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt
                           ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p><a href="#" target="_blank" class="sb-hp-carousel-link" aria-label="Learn More">Learn More</a></div>
                  </div>
               </div>
               <div class="sb-hp-carousel-item">
                  <div class="sb-hp-carousel-inner">
                     <div class="sb-hp-carousel-image"><img src="/_resources/images/hp-carousel-placeholder-image.jpg" alt="./ikmagealt" loading="lazy"></div>
                     <div class="sb-hp-carousel-content">
                        <h1 class="sb-hp-carousel-name">Another Name</h1>
                        <p class="sb-hp-carousel-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt
                           ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p><a href="#/" target="_blank" class="sb-hp-carousel-link" aria-label="Learn More">Learn More</a></div>
                  </div>
               </div>
               <div class="sb-hp-carousel-item">
                  <div class="sb-hp-carousel-inner">
                     <div class="sb-hp-carousel-image"><img src="/_resources/images/hp-carousel-placeholder-image.jpg" alt="./ikmagealt" loading="lazy"></div>
                     <div class="sb-hp-carousel-content">
                        <h1 class="sb-hp-carousel-name">Another Name</h1>
                        <p class="sb-hp-carousel-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt
                           ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p><a href="####" target="_blank" class="sb-hp-carousel-link" aria-label="Learn More">Learn More</a></div>
                  </div>
               </div>
            </div>
         </section>
      </main>
      <div class="divider divider-24 gradient-specialty-deep-blue-green"></div><footer class="sb-footer">
   <div class="section-content-wrapper">
      <div class="sb-footer-cta-row d-flex flex-wrap align-items-center justify-content-start mb-5">
         <h2 class="sb-footer-heading mb-0">Want to learn more about SBU?</h2><a class="btn sb-footer-cta" title="Request Information" href="#/">Request Information</a></div>
      <div class="row gy-5 align-items-start">
         <div class="col-12 col-md-8">
            <div class="row gy-4">
               <div class="col-12 col-sm-6 col-md-6 col-lg-3">
                  <h3 class="sb-footer-title">About SBU</h3>
                  <ul class="sb-footer-links">
                     <li><a href="#" target="_blank" rel="noopener">Contact</a></li>
                     <li><a href="#">Fast Facts</a></li>
                     <li><a href="#" title="News">News</a></li>
                     <li><a href="#">For Media</a></li>
                     <li><a href="#">Careers</a></li>
                  </ul>
               </div>
               <div class="col-12 col-sm-6 col-md-6 col-lg-3">
                  <h3 class="sb-footer-title">Education</h3>
                  <ul class="sb-footer-links">
                     <li><a href="#">Majors &amp; Minors</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Colleges &amp; Schools</a></li>
                     <li><a href="#" target="_blank" rel="noopener">University Catalogs</a></li>
                     <li><a href="#">Brightspace</a></li>
                     <li><a href="#" title="Careers">Careers</a></li>
                  </ul>
               </div>
               <div class="col-12 col-sm-6 col-md-6 col-lg-3">
                  <h3 class="sb-footer-title">Resources</h3>
                  <ul class="sb-footer-links">
                     <li><a href="#" title="Academic Calendar">Academic Calendar</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Undergraduate Bulletin</a></li>
                     <li><a href="#">Graduate Bulletin</a></li>
                     <li><a href="#">Health Sciences Bulletin</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Libraries</a></li>
                  </ul>
               </div>
               <div class="col-12 col-sm-6 col-md-6 col-lg-3">
                  <h3 class="sb-footer-title">Find</h3>
                  <ul class="sb-footer-links">
                     <li><a href="#">People Directory</a></li>
                     <li><a href="#">A–Z Web Directory</a></li>
                     <li><a href="#">Calendars</a></li>
                     <li><a href="#" title="Jobs">Jobs</a></li>
                     <li><a href="#">Maps &amp; Directions</a></li>
                     <li><a href="#">Parking</a></li>
                  </ul>
               </div>
            </div>
         </div>
         <div class="col-12 col-md-4 d-flex justify-content-end sb-footer-logo-col">
            <div class="footer-brand text-center"><img src="/_resources/images/sb-logo-horizontal.png" alt="footer-logo" class="sb-footer-logo mb-2"><div class="sb-footer-social"><span class="follow-label">Follow Us</span><ul class="list-inline mt-2">
                     <li class="list-inline-item"><a href="https://www.facebook.com" aria-label="Facebook"><svg xmlns="http://www.w3.org/2000/svg" role="img" focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                              <title>Facebook</title>
                              <path fill="currentColor" d="M12 0C5.37264 0 0 5.37264 0 12C0 17.6275 3.87456 22.3498 9.10128 23.6467V15.6672H6.62688V12H9.10128V10.4198C9.10128 6.33552 10.9498 4.4424 14.9597 4.4424C15.72 4.4424 17.0318 4.59168 17.5685 4.74048V8.06448C17.2853 8.03472 16.7933 8.01984 16.1822 8.01984C14.2147 8.01984 13.4544 8.76528 13.4544 10.703V12H17.3741L16.7006 15.6672H13.4544V23.9122C19.3963 23.1946 24.0005 18.1354 24.0005 12C24 5.37264 18.6274 0 12 0Z"/></svg></a></li>
                     <li class="list-inline-item"><a href="https://www.instagram.com" aria-label="Instagram"><svg xmlns="http://www.w3.org/2000/svg" role="img" focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                              <title>Instagram</title>
                              <g clip-path="url(#clip0)">
                                 <path fill="currentColor" d="M12 2.16094C15.2063 2.16094 15.5859 2.175 16.8469 2.23125C18.0188 2.28281 18.6516 2.47969 19.0734 2.64375C19.6313 2.85938 20.0344 3.12188 20.4516 3.53906C20.8734 3.96094 21.1313 4.35938 21.3469 4.91719C21.5109 5.33906 21.7078 5.97656 21.7594 7.14375C21.8156 8.40937 21.8297 8.78906 21.8297 11.9906C21.8297 15.1969 21.8156 15.5766 21.7594 16.8375C21.7078 18.0094 21.5109 18.6422 21.3469 19.0641C21.1313 19.6219 20.8687 20.025 20.4516 20.4422C20.0297 20.8641 19.6313 21.1219 19.0734 21.3375C18.6516 21.5016 18.0141 21.6984 16.8469 21.75C15.5813 21.8062 15.2016 21.8203 12 21.8203C8.79375 21.8203 8.41406 21.8062 7.15313 21.75C5.98125 21.6984 5.34844 21.5016 4.92656 21.3375C4.36875 21.1219 3.96563 20.8594 3.54844 20.4422C3.12656 20.0203 2.86875 19.6219 2.65313 19.0641C2.48906 18.6422 2.29219 18.0047 2.24063 16.8375C2.18438 15.5719 2.17031 15.1922 2.17031 11.9906C2.17031 8.78438 2.18438 8.40469 2.24063 7.14375C2.29219 5.97187 2.48906 5.33906 2.65313 4.91719C2.86875 4.35938 3.13125 3.95625 3.54844 3.53906C3.97031 3.11719 4.36875 2.85938 4.92656 2.64375C5.34844 2.47969 5.98594 2.28281 7.15313 2.23125C8.41406 2.175 8.79375 2.16094 12 2.16094ZM12 0C8.74219 0 8.33438 0.0140625 7.05469 0.0703125C5.77969 0.126563 4.90313 0.332812 4.14375 0.628125C3.35156 0.9375 2.68125 1.34531 2.01563 2.01562C1.34531 2.68125 0.9375 3.35156 0.628125 4.13906C0.332812 4.90313 0.126563 5.775 0.0703125 7.05C0.0140625 8.33437 0 8.74219 0 12C0 15.2578 0.0140625 15.6656 0.0703125 16.9453C0.126563 18.2203 0.332812 19.0969 0.628125 19.8563C0.9375 20.6484 1.34531 21.3188 2.01563 21.9844C2.68125 22.65 3.35156 23.0625 4.13906 23.3672C4.90313 23.6625 5.775 23.8687 7.05 23.925C8.32969 23.9812 8.7375 23.9953 11.9953 23.9953C15.2531 23.9953 15.6609 23.9812 16.9406 23.925C18.2156 23.8687 19.0922 23.6625 19.8516 23.3672C20.6391 23.0625 21.3094 22.65 21.975 21.9844C22.6406 21.3188 23.0531 20.6484 23.3578 19.8609C23.6531 19.0969 23.8594 18.225 23.9156 16.95C23.9719 15.6703 23.9859 15.2625 23.9859 12.0047C23.9859 8.74688 23.9719 8.33906 23.9156 7.05938C23.8594 5.78438 23.6531 4.90781 23.3578 4.14844C23.0625 3.35156 22.6547 2.68125 21.9844 2.01562C21.3188 1.35 20.6484 0.9375 19.8609 0.632812C19.0969 0.3375 18.225 0.13125 16.95 0.075C15.6656 0.0140625 15.2578 0 12 0Z"/>
                                 <path fill="currentColor" d="M12 5.83594C8.59688 5.83594 5.83594 8.59688 5.83594 12C5.83594 15.4031 8.59688 18.1641 12 18.1641C15.4031 18.1641 18.1641 15.4031 18.1641 12C18.1641 8.59688 15.4031 5.83594 12 5.83594ZM12 15.9984C9.79219 15.9984 8.00156 14.2078 8.00156 12C8.00156 9.79219 9.79219 8.00156 12 8.00156C14.2078 8.00156 15.9984 9.79219 15.9984 12C15.9984 14.2078 14.2078 15.9984 12 15.9984Z"/>
                                 <path fill="currentColor" d="M19.8469 5.59214C19.8469 6.38902 19.2 7.0312 18.4078 7.0312C17.6109 7.0312 16.9688 6.38433 16.9688 5.59214C16.9688 4.79526 17.6156 4.15308 18.4078 4.15308C19.2 4.15308 19.8469 4.79995 19.8469 5.59214Z"/>
                              </g>
                              <defs>
                                 <clipPath id="clip0">
                                    <rect width="24" height="24" fill="white"/>
                                 </clipPath>
                              </defs></svg></a></li>
                     <li class="list-inline-item"><a href="https://www.linkedin.com" aria-label="LinkedIn"><svg xmlns="http://www.w3.org/2000/svg" role="img" focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                              <title>LinkedIn</title>
                              <path fill="currentColor" d="M22.2234 0H1.77187C0.792187 0 0 0.773438 0 1.72969V22.2656C0 23.2219 0.792187 24 1.77187 24H22.2234C23.2031 24 24 23.2219 24 22.2703V1.72969C24 0.773438 23.2031 0 22.2234 0ZM7.12031 20.4516H3.55781V8.99531H7.12031V20.4516ZM5.33906 7.43438C4.19531 7.43438 3.27188 6.51094 3.27188 5.37187C3.27188 4.23281 4.19531 3.30937 5.33906 3.30937C6.47813 3.30937 7.40156 4.23281 7.40156 5.37187C7.40156 6.50625 6.47813 7.43438 5.33906 7.43438ZM20.4516 20.4516H16.8937V14.8828C16.8937 13.5562 16.8703 11.8453 15.0422 11.8453C13.1906 11.8453 12.9094 13.2937 12.9094 14.7891V20.4516H9.35625V8.99531H12.7687V10.5609H12.8156C13.2891 9.66094 14.4516 8.70938 16.1813 8.70938C19.7859 8.70938 20.4516 11.0813 20.4516 14.1656V20.4516Z"/></svg></a></li>
                     <li class="list-inline-item"><a href="https://www.x.com" aria-label="X"><svg xmlns="http://www.w3.org/2000/svg" role="img" focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                              <title>X (Twitter)</title>
                              <path fill="currentColor" d="M18.3263 1.9039H21.6998L14.3297 10.3274L23 21.7899H16.2112L10.894 14.8379L4.80995 21.7899H1.43443L9.31743 12.78L1 1.9039H7.96111L12.7674 8.25823L18.3263 1.9039ZM17.1423 19.7707H19.0116L6.94539 3.81703H4.93946L17.1423 19.7707Z"/></svg></a></li>
                     <li class="list-inline-item"><a href="https://www.youtube.com" aria-label="YouTube"><svg xmlns="http://www.w3.org/2000/svg" role="img" focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                              <title>YouTube</title>
                              <path fill="currentColor" d="M23.7609 7.20005C23.7609 7.20005 23.5266 5.54536 22.8047 4.8188C21.8906 3.86255 20.8688 3.85786 20.4 3.80161C17.0438 3.55786 12.0047 3.55786 12.0047 3.55786H11.9953C11.9953 3.55786 6.95625 3.55786 3.6 3.80161C3.13125 3.85786 2.10938 3.86255 1.19531 4.8188C0.473438 5.54536 0.24375 7.20005 0.24375 7.20005C0.24375 7.20005 0 9.14536 0 11.086V12.9047C0 14.8454 0.239062 16.7907 0.239062 16.7907C0.239062 16.7907 0.473437 18.4454 1.19062 19.1719C2.10469 20.1282 3.30469 20.0954 3.83906 20.1985C5.76094 20.3813 12 20.4375 12 20.4375C12 20.4375 17.0438 20.4282 20.4 20.1891C20.8688 20.1329 21.8906 20.1282 22.8047 19.1719C23.5266 18.4454 23.7609 16.7907 23.7609 16.7907C23.7609 16.7907 24 14.85 24 12.9047V11.086C24 9.14536 23.7609 7.20005 23.7609 7.20005ZM9.52031 15.1125V8.36724L16.0031 11.7516L9.52031 15.1125Z"/></svg></a></li>
                  </ul>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="sb-sub-footer py-4">
   <div class="section-content-wrapper text-center small">
      <div class="sb-sub-footer-meta mb-2"><span id="directedit">©</span> 2025 Stony Brook University | 100 Nicolls Road, Stony Brook, NY 11794 | (631) 632-6000 | <a href="/contact.php">Contact</a></div>
      <div class="sb-sub-footer-links"><a href="#" target="_blank" rel="noopener">Accessibility</a> | <a href="#">Privacy Policy</a> | <a href="#">Sustainability</a> | <a title="Diversity Discrimination" href="#">Diversity Discrimination</a> | <a href="#" target="_blank" rel="noopener">Sexual Misconduct</a> | <a href="#">Accessibility Barrier</a></div>
      <div class="sb-sub-footer-disclaimer mt-2">Stony Brook University resides on the ancestral, traditional, and contemporary lands
         of the aboriginal territory of the Setauket or the Setalcott tribe. We acknowledge
         federal and state recognized tribes who live here now and those who were forcibly
         removed from their homelands. In offering this land acknowledgement, we affirm indigenous
         sovereignty, history, and experience.</div>
   </div>
</div></footer><ouc:editor wysiwyg="no"/>
<!-- Scripts -->
<script src="/_resources/js/bootstrap.bundle.min.js" defer="defer"></script>
<!-- jQuery is required for Slick Slider functionality -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<script src="/_resources/js/sb-main.js" defer="defer"></script>
<script src="/_resources/js/sb-animations.js" defer="defer"></script>
<script src="/_resources/js/vendor/slick.min.js" defer="defer"></script>
<script src="/_resources/js/sb-homepage-hero.js" defer="defer"></script>
      <div id="ou-hidden" style="display:none;"><!-- com.omniupdate.ob --><a id="de" rel="nofollow" href="https://a.cms.omniupdate.com/11/?skin=oucampus&amp;account=suny-stonybrook&amp;site=stonybrook&amp;action=de&amp;path=/_showcase/index.pcf">&copy;</a><!-- /com.omniupdate.ob --></div><script>
			if(document.getElementById("de") != null && document.getElementById("directedit")) {
				var link = document.getElementById("de").parentNode.innerHTML;
				document.getElementById("de").parentNode.innerHTML = "";
				document.getElementById("directedit").innerHTML = link.replace(/^\s+|\s+$/gm,'');
			}
		</script><!-- ouc:info uuid="efd93f71-7f25-49b8-a190-0a94b3c84449"/ --></body>
</html>
          Evidence 
          <a href="#" aria-haspopup="true" aria-expanded="false">Resources For  ▾</a>
          Solution

          This is an informational alert and so no changes are required.
      2. User Agent Fuzzer (1)
        1. GET https://web-test.stonybrook.edu/_showcase
          Alert tags
          Alert description

          Check for differences in response based on fuzzed User Agent (eg. mobile sites, access as a Search Engine Crawler). Compares the response statuscode and the hashcode of the response body with the original response.
          Request
          Request line and header section (196 bytes) 
          GET https://web-test.stonybrook.edu/_showcase HTTP/1.1
host: web-test.stonybrook.edu
user-agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1)
pragma: no-cache
cache-control: no-cache
          Request body (0 bytes)
          Response
          Status line and header section (239 bytes) 
          HTTP/1.1 200 OK
Date: Wed, 06 Aug 2025 16:04:17 GMT
Server: Apache
X-Powered-By: PHP/7.2.24
X-Frame-Options: DENY
SERVER-ID: {NODE-NAME}.{NODE-ENV}
Connection: close
Content-Type: text/html; charset=UTF-8
content-length: 130771
          Response body (130771 bytes) 
          <!DOCTYPE HTML><html lang="en">
   <head>
      <meta charset="UTF-8">
      <meta http-equiv="x-ua-compatible" content="ie=edge">
      <title>Home</title>
      <link rel="canonical" href="https://web-test.stonybrook.edu/_showcase/index.php">
      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
      <ouc:editor wysiwyg="no"/>
<!-- this is the headcode include -->
<link rel="apple-touch-icon" href="https://www.stonybrook.edu/commcms/_resources/favicon/apple-touch-icon.png"/>
<link rel="apple-touch-icon" sizes="144x144" href="https://www.stonybrook.edu/commcms/_resources/favicon/apple-touch-icon-144x144-precomposed.png"/>
<link rel="icon" href="https://www.stonybrook.edu/commcms/_resources/favicon/apple-touch-icon.png"/>
<!-- Preload Fonts for Faster Rendering -->
<link rel="preload" href="https://fonts.googleapis.com/css2?family=Alumni+Sans:wght@400;500;600;700;800&family=Barlow:wght@400;500;600;700&family=Barlow+Semi+Condensed:wght@400;500;600;700&family=Bitter:wght@400;600;700&display=swap" as="style" />

<!-- Load Fonts Early -->
<link href="https://fonts.googleapis.com/css2?family=Alumni+Sans:wght@400;500;600;700;800&family=Barlow:wght@400;500;600;700&family=Barlow+Semi+Condensed:wght@400;500;600;700&family=Bitter:wght@400;600;700&display=swap" rel="stylesheet"/>

<!-- Load Main Styles -->
<link rel="stylesheet" href="/_resources/css/sb-main.css"/><ouc:editor wysiwyg="no"/>
<!-- Insert google analytics here -->
</head>
   <body><ouc:editor wysiwyg="no"/><!-- <?pcf-stylesheet path="/_resources/xsl/_widgets/header.xsl" title="Mobile" alternate="no" publish="yes" extension=".mobile.html"?> --><header class="container-fluid no-gutter"><a href="#main-content" class="skip-link">Skip to main content</a><nav class="desktop-nav" role="navigation" aria-label="Main Navigation">
      <div class="top-nav-wrapper">
         <div class="nav-wrapper container-xl">
            <div class="top-nav d-flex justify-content-between align-items-center">
               <div class="top-nav-left">
                  <ul>
                     <li><a href="/apply" target="_blank" rel="noopener">Apply</a></li>
                     <li><a href="/visit">Visit</a></li>
                     <li><a href="/give">Giving</a></li>
                     <li><a href="/medicine" title="Medicine">Medicine</a></li>
                  </ul>
               </div>
               <ul class="top-nav-right">
                  <li class="dropdown"><a href="#" aria-haspopup="true" aria-expanded="false">Resources For  ▾</a><ul class="dropdown-menu">
                        <li><a href="#">Maps and Directions</a></li>
                        <li><a href="##">Virtual Tour</a></li>
                        <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                        <li><a title="Stony Brook Southampton" href="##">Stony Brook Southampton</a></li>
                        <li><a href="###">The New York Climate Exchange</a></li>
                     </ul>
                  </li>
                  <li class="dropdown"><a href="#" aria-haspopup="true" aria-expanded="false">Logins  ▾</a><ul class="dropdown-menu">
                        <li><a href="#" target="_blank" rel="noopener">Student Portal</a></li>
                        <li><a href="###">Faculty Portal</a></li>
                        <li><a href="##">Employee Services</a></li>
                        <li><a title="Library Account" href="#">Library Account</a></li>
                        <li><a href="##">Alumni Login</a></li>
                     </ul>
                  </li>
                  <li class="search-box"><button class="search-toggle" aria-label="Open Search"><svg width="24" height="24" viewBox="0 0 24 24" fill="none">
                           <path d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z" stroke="white" stroke-width="2"></path>
                           <path d="M21 20.9999L16.65 16.6499" stroke="white" stroke-width="2"></path></svg></button></li>
               </ul>
            </div>
         </div>
      </div>
      <div class="primary-nav-wrapper">
         <div class="nav-wrapper container-xl">
            <div class="primary-nav d-flex justify-content-between align-items-center">
               <div class="logo"><a href="/"><img src="/_resources/images/sb-logo-desktop.svg" alt="logo"></a></div>
               <ul class="primary-links">
                  <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-about" href="#about">About</a><div class="mega-menu" id="mega-about" role="region" aria-label="About Menu">
                        <div class="nav-wrapper container-xl">
                           <div class="row">
                              <div class="col-lg-4">
                                 <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternate"><a class="image-caption" href="#about">About</a></div>
                              </div>
                              <div class="col-lg-8">
                                 <div class="mega-link-row custom-mega-gutter">
                                    <div class="left-columns">
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">History</a></li>
                                             <li><a href="##">Administration</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Maps &amp; Directions</a></li>
                                             <li><a href="##">Virtual Tour</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                             <li><a href="##">The New York Climate Exchange</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li class="mega-subheading">News &amp; Publications</li>
                                             <li><a href="##">News</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                             <li><a href="##">Economic Impact</a></li>
                                          </ul>
                                       </div>
                                    </div>
                                    <div class="related-links-col">
                                       <ul class="related-links">
                                          <li class="mega-subheading">Related Links</li>
                                          <li><a href="##">Calendars</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                          <li><a href="##">Diversity</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </li>
                  <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-admissions" href="#admissions">Admissions</a><div class="mega-menu" id="mega-admissions" role="region" aria-label="About Menu">
                        <div class="nav-wrapper container-xl">
                           <div class="row">
                              <div class="col-lg-4">
                                 <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternate text"><a class="image-caption" href="#admissions">Admissions</a></div>
                              </div>
                              <div class="col-lg-8">
                                 <div class="mega-link-row custom-mega-gutter">
                                    <div class="left-columns">
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">History</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                             <li><a href="##">Administration</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Maps &amp; Directions</a></li>
                                             <li><a href="##">Virtual Tour</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                             <li><a href="##">The New York Climate Exchange</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li class="mega-subheading">News &amp; Publications</li>
                                             <li><a href="##">News</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                             <li><a href="##">Economic Impact</a></li>
                                          </ul>
                                       </div>
                                    </div>
                                    <div class="related-links-col">
                                       <ul class="related-links">
                                          <li class="mega-subheading">Related Links</li>
                                          <li><a href="##">Calendars</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                          <li><a href="##">Diversity</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </li>
                  <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-academics" href="#academics">Academics</a><div class="mega-menu" id="mega-academics" role="region" aria-label="About Menu">
                        <div class="nav-wrapper container-xl">
                           <div class="row">
                              <div class="col-lg-4">
                                 <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternative text"><a class="image-caption" href="#academics">Academics</a></div>
                              </div>
                              <div class="col-lg-8">
                                 <div class="mega-link-row custom-mega-gutter">
                                    <div class="left-columns">
                                       <div class="col">
                                          <ul>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                             <li><a href="##">History</a></li>
                                             <li><a href="##">Administration</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Maps &amp; Directions</a></li>
                                             <li><a href="##">Virtual Tour</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                             <li><a href="##">The New York Climate Exchange</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li class="mega-subheading">News &amp; Publications</li>
                                             <li><a href="##">News</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                             <li><a href="##">Economic Impact</a></li>
                                          </ul>
                                       </div>
                                    </div>
                                    <div class="related-links-col">
                                       <ul class="related-links">
                                          <li class="mega-subheading">Related Links</li>
                                          <li><a href="##">Calendars</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                          <li><a href="##">Diversity</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </li>
                  <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-campus-life" href="#campuslife">Campus Life</a><div class="mega-menu" id="mega-campus-life" role="region" aria-label="About Menu">
                        <div class="nav-wrapper container-xl">
                           <div class="row">
                              <div class="col-lg-4">
                                 <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is alternate text"><a class="image-caption" href="#campuslife">Campus Life</a></div>
                              </div>
                              <div class="col-lg-8">
                                 <div class="mega-link-row custom-mega-gutter">
                                    <div class="left-columns">
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">History</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                             <li><a href="##">Administration</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Maps &amp; Directions</a></li>
                                             <li><a href="##">Virtual Tour</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                             <li><a href="##">The New York Climate Exchange</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li class="mega-subheading">News &amp; Publications</li>
                                             <li><a href="##">News</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                             <li><a href="##">Economic Impact</a></li>
                                          </ul>
                                       </div>
                                    </div>
                                    <div class="related-links-col">
                                       <ul class="related-links">
                                          <li class="mega-subheading">Related Links</li>
                                          <li><a href="##">Calendars</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                          <li><a href="##">Diversity</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </li>
                  <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-research" href="#research">Research</a><div class="mega-menu" id="mega-research" role="region" aria-label="About Menu">
                        <div class="nav-wrapper container-xl">
                           <div class="row">
                              <div class="col-lg-4">
                                 <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alt"><a class="image-caption" href="#research">Research</a></div>
                              </div>
                              <div class="col-lg-8">
                                 <div class="mega-link-row custom-mega-gutter">
                                    <div class="left-columns">
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Administration</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                             <li><a href="##">History</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Maps &amp; Directions</a></li>
                                             <li><a href="##">Virtual Tour</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                             <li><a href="##">The New York Climate Exchange</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li class="mega-subheading">News &amp; Publications</li>
                                             <li><a href="##">News</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                             <li><a href="##">Economic Impact</a></li>
                                          </ul>
                                       </div>
                                    </div>
                                    <div class="related-links-col">
                                       <ul class="related-links">
                                          <li class="mega-subheading">Related Links</li>
                                          <li><a href="##">Calendars</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                          <li><a href="##">Diversity</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </li>
                  <li><a href="#athletics">Athletics</a></li>
               </ul>
            </div>
         </div>
      </div>
      <div class="search-panel desktop-search-panel">
         <div class="search-panel-inner"><button class="sb-search-panel-close" aria-label="Close search panel">×</button><div class="sb-search-panel p-4">
               <form class="sb-search-form" action="//stonybrook.edu/search" method="get" role="search" aria-label="Site search">
                  <div class="row g-2 align-items-end">
                     <div class="col-12 col-md"><label for="sb-search-input" class="visually-hidden">Search Stony Brook University</label><div class="sb-search-input-wrapper"><span class="sb-search-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                 <path d="M7.33333 12.6667C10.2789 12.6667 12.6667 10.2789 12.6667 7.33333C12.6667 4.38781 10.2789 2 7.33333 2C4.38781 2 2 4.38781 2 7.33333C2 10.2789 4.38781 12.6667 7.33333 12.6667Z" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                 <path d="M14 14L11.1 11.1" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><input type="text" id="sb-search-input" name="q" placeholder="Search Stony Brook University" value="" size="30" tabindex="41" class="populate form-control"></div>
                     </div>
                     <div class="col-12 col-md-auto"><button type="submit" class="btn btn-dark w-100 text-uppercase sb-search-button">Search</button></div>
                  </div>
               </form>
            </div>
         </div>
      </div>
   </nav>
   <div class="mobile-header">
      <div class="header-bar">
         <div class="header-left"><a href="#" class="logo"><img src="/_resources/images/sb-logo-mobile.svg" alt="mobile logo"></a></div>
         <div class="header-right">
            <ul class="header-actions">
               <li class="search-box"><button class="search-toggle-mobile" aria-label="Open Search"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                        <path d="M7.33333 12.6667C10.2789 12.6667 12.6667 10.2789 12.6667 7.33333C12.6667 4.38781 10.2789 2 7.33333 2C4.38781 2 2 4.38781 2 7.33333C2 10.2789 4.38781 12.6667 7.33333 12.6667Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        <path d="M14 14L11.1 11.1" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></button></li>
               <li class="menu-trigger"><button class="menu-toggle" aria-label="Open Menu" aria-expanded="false"><span class="bar"></span><span class="bar"></span><span class="bar"></span></button></li>
            </ul>
         </div>
      </div>
   </div>
   <div class="search-panel mobile-search-panel">
      <div class="search-panel-inner"><button class="sb-search-panel-close" aria-label="Close search panel">×</button><div class="sb-search-panel p-4">
            <form class="sb-search-form" action="//stonybrook.edu/search" method="get" role="search" aria-label="Site search">
               <div class="row g-2 align-items-end">
                  <div class="col-12 col-md"><label for="sb-search-input-mobile" class="visually-hidden">Search Stony Brook University</label><div class="sb-search-input-wrapper"><span class="sb-search-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                              <path d="M7.33333 12.6667C10.2789 12.6667 12.6667 10.2789 12.6667 7.33333C12.6667 4.38781 10.2789 2 7.33333 2C4.38781 2 2 4.38781 2 7.33333C2 10.2789 4.38781 12.6667 7.33333 12.6667Z" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                              <path d="M14 14L11.1 11.1" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><input type="text" id="sb-search-input-mobile" title="Search stonybrook.edu" value="" size="30" tabindex="41" name="q" placeholder="Search Stony Brook University" class="populate form-control"></div>
                  </div>
                  <div class="col-12 col-md-auto"><button type="submit" class="btn btn-dark w-100 text-uppercase sb-search-button">Search</button></div>
               </div>
            </form>
         </div>
      </div>
   </div>
   <nav class="responsive-nav" role="navigation" aria-label="Mobile Navigation">
      <div class="menu-panel">
         <div class="overlay"></div>
         <div class="menu-content">
            <ul class="primary-menu">
               <li class="has-submenu">
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#about">About</a><button class="accordion-toggle" aria-expanded="false" aria-controls="submenu-about" aria-label="Expand About submenu"><span class="arrow"></span></button></div>
                  <ul id="submenu-about" class="accordion-panel" aria-hidden="true">
                     <li><a href="##">History</a></li>
                     <li><a href="##">Administration</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                     <li><a href="##">Maps &amp; Directions</a></li>
                     <li><a href="##">Virtual Tour</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                     <li><a href="##">The New York Climate Exchange</a></li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">News &amp; Publications</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-news-1" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-news-1" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">News</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                           <li><a href="##">Economic Impact</a></li>
                        </ul>
                     </li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">Related Links</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-related-links-1" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-related-links-1" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">Calendars</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                           <li><a href="##">Diversity</a></li>
                           <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                        </ul>
                     </li>
                  </ul>
               </li>
               <li class="has-submenu">
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#admissions">Admissions</a><button class="accordion-toggle" aria-expanded="false" aria-controls="submenu-admissions" aria-label="Expand About submenu"><span class="arrow"></span></button></div>
                  <ul id="submenu-admissions" class="accordion-panel" aria-hidden="true">
                     <li><a href="##">History</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                     <li><a href="##">Administration</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                     <li><a href="##">Maps &amp; Directions</a></li>
                     <li><a href="##">Virtual Tour</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                     <li><a href="##">The New York Climate Exchange</a></li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">News &amp; Publications</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-news-2" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-news-2" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">News</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                           <li><a href="##">Economic Impact</a></li>
                        </ul>
                     </li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">Related Links</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-related-links-2" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-related-links-2" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">Calendars</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                           <li><a href="##">Diversity</a></li>
                           <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                        </ul>
                     </li>
                  </ul>
               </li>
               <li class="has-submenu">
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#academics">Academics</a><button class="accordion-toggle" aria-expanded="false" aria-controls="submenu-academics" aria-label="Expand About submenu"><span class="arrow"></span></button></div>
                  <ul id="submenu-academics" class="accordion-panel" aria-hidden="true">
                     <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                     <li><a href="##">History</a></li>
                     <li><a href="##">Administration</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                     <li><a href="##">Maps &amp; Directions</a></li>
                     <li><a href="##">Virtual Tour</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                     <li><a href="##">The New York Climate Exchange</a></li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">News &amp; Publications</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-news-3" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-news-3" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">News</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                           <li><a href="##">Economic Impact</a></li>
                        </ul>
                     </li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">Related Links</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-related-links-3" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-related-links-3" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">Calendars</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                           <li><a href="##">Diversity</a></li>
                           <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                        </ul>
                     </li>
                  </ul>
               </li>
               <li class="has-submenu">
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#campuslife">Campus Life</a><button class="accordion-toggle" aria-expanded="false" aria-controls="submenu-campus-life" aria-label="Expand About submenu"><span class="arrow"></span></button></div>
                  <ul id="submenu-campus-life" class="accordion-panel" aria-hidden="true">
                     <li><a href="##">History</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                     <li><a href="##">Administration</a></li>
                     <li><a href="##">Maps &amp; Directions</a></li>
                     <li><a href="##">Virtual Tour</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                     <li><a href="##">The New York Climate Exchange</a></li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">News &amp; Publications</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-news-4" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-news-4" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">News</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                           <li><a href="##">Economic Impact</a></li>
                        </ul>
                     </li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">Related Links</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-related-links-4" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-related-links-4" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">Calendars</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                           <li><a href="##">Diversity</a></li>
                           <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                        </ul>
                     </li>
                  </ul>
               </li>
               <li class="has-submenu">
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#research">Research</a><button class="accordion-toggle" aria-expanded="false" aria-controls="submenu-research" aria-label="Expand About submenu"><span class="arrow"></span></button></div>
                  <ul id="submenu-research" class="accordion-panel" aria-hidden="true">
                     <li><a href="##">Administration</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                     <li><a href="##">History</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                     <li><a href="##">Maps &amp; Directions</a></li>
                     <li><a href="##">Virtual Tour</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                     <li><a href="##">The New York Climate Exchange</a></li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">News &amp; Publications</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-news-5" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-news-5" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">News</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                           <li><a href="##">Economic Impact</a></li>
                        </ul>
                     </li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">Related Links</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-related-links-5" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-related-links-5" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">Calendars</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                           <li><a href="##">Diversity</a></li>
                           <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                        </ul>
                     </li>
                  </ul>
               </li>
               <li>
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#athletics">Athletics</a></div>
               </li>
               <li>
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="/medicine" title="Medicine">Medicine</a></div>
               </li>
            </ul>
            <div class="mobile-nav-footer-links">
               <div class="info-logins-grid">
                  <div class="info-column">
                     <h3 class="footer-heading">Info for —</h3>
                     <ul class="footer-link-list">
                        <li><a href="#">Maps and Directions</a></li>
                        <li><a href="##">Virtual Tour</a></li>
                        <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                        <li><a title="Stony Brook Southampton" href="##">Stony Brook Southampton</a></li>
                        <li><a href="###">The New York Climate Exchange</a></li>
                     </ul>
                  </div>
                  <div class="logins-column">
                     <h3 class="footer-heading with-icon"><span class="login-icon" aria-hidden="true"><img src="/_resources/images/logins-icon.svg" alt="" width="16" height="17"></span>
                        				Logins —
                        			</h3>
                     <ul class="footer-link-list">
                        <li><a href="#" target="_blank" rel="noopener">Student Portal</a></li>
                        <li><a href="###">Faculty Portal</a></li>
                        <li><a href="##">Employee Services</a></li>
                        <li><a title="Library Account" href="#">Library Account</a></li>
                        <li><a href="##">Alumni Login</a></li>
                     </ul>
                  </div>
               </div>
            </div>
         </div>
         <div class="bottom-links">
            <ul class="bottom-links-list">
               <li><a href="/apply" target="_blank" rel="noopener">Apply</a></li>
               <li><a href="/visit">Visit</a></li>
               <li><a href="/give">Giving</a></li>
            </ul>
         </div>
      </div>
   </nav>
   <nav class="sticky-nav" aria-label="Sticky Navigation" role="navigation">
      <div class="sticky-search-panel">
         <div class="search-panel-inner"><button class="sb-search-panel-close" aria-label="Close search panel">×</button><div class="sb-search-panel p-4">
               <form class="sb-search-form" action="//stonybrook.edu/search" method="get" role="search" aria-label="Site search">
                  <div class="row g-2 align-items-end">
                     <div class="col-12 col-md"><label for="sb-search-input-sticky" class="visually-hidden">Search Stony Brook University</label><div class="sb-search-input-wrapper"><span class="sb-search-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                 <path d="M7.33333 12.6667C10.2789 12.6667 12.6667 10.2789 12.6667 7.33333C12.6667 4.38781 10.2789 2 7.33333 2C4.38781 2 2 4.38781 2 7.33333C2 10.2789 4.38781 12.6667 7.33333 12.6667Z" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                 <path d="M14 14L11.1 11.1" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><input type="text" id="sb-search-input-sticky" name="q" title="Search stonybrook.edu" value="" size="30" tabindex="41" placeholder="Search Stony Brook University" class="populate form-control"></div>
                     </div>
                     <div class="col-12 col-md-auto"><button type="submit" class="btn btn-dark w-100 text-uppercase sb-search-button">Search</button></div>
                  </div>
               </form>
            </div>
         </div>
      </div>
      <div class="sticky-nav-background"></div>
      <div class="sticky-nav-content d-flex justify-content-between align-items-center">
         <div class="sticky-nav-left">
            <div class="logo"><a href="/"><img src="/_resources/images/sb-logo-sticky.svg" alt="sticky logo"></a></div>
         </div>
         <div class="sticky-nav-right">
            <ul class="sticky-links list-unstyled d-flex mb-0">
               <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-about-sticky" href="#about">About</a><div class="mega-menu" id="mega-about-sticky" role="region" aria-label="About Menu">
                     <div class="nav-wrapper container-xl">
                        <div class="row">
                           <div class="col-lg-4">
                              <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternate"><a class="image-caption" href="#about">About</a></div>
                           </div>
                           <div class="col-lg-8">
                              <div class="mega-link-row custom-mega-gutter">
                                 <div class="left-columns">
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">History</a></li>
                                          <li><a href="##">Administration</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Maps &amp; Directions</a></li>
                                          <li><a href="##">Virtual Tour</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                          <li><a href="##">The New York Climate Exchange</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li class="mega-subheading">News &amp; Publications</li>
                                          <li><a href="##">News</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                          <li><a href="##">Economic Impact</a></li>
                                       </ul>
                                    </div>
                                 </div>
                                 <div class="related-links-col">
                                    <ul class="related-links">
                                       <li class="mega-subheading">Related Links</li>
                                       <li><a href="##">Calendars</a></li>
                                       <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                       <li><a href="##">Diversity</a></li>
                                       <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </li>
               <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-admissions-sticky" href="#admissions">Admissions</a><div class="mega-menu" id="mega-admissions-sticky" role="region" aria-label="About Menu">
                     <div class="nav-wrapper container-xl">
                        <div class="row">
                           <div class="col-lg-4">
                              <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternate text"><a class="image-caption" href="#admissions">Admissions</a></div>
                           </div>
                           <div class="col-lg-8">
                              <div class="mega-link-row custom-mega-gutter">
                                 <div class="left-columns">
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">History</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                          <li><a href="##">Administration</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Maps &amp; Directions</a></li>
                                          <li><a href="##">Virtual Tour</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                          <li><a href="##">The New York Climate Exchange</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li class="mega-subheading">News &amp; Publications</li>
                                          <li><a href="##">News</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                          <li><a href="##">Economic Impact</a></li>
                                       </ul>
                                    </div>
                                 </div>
                                 <div class="related-links-col">
                                    <ul class="related-links">
                                       <li class="mega-subheading">Related Links</li>
                                       <li><a href="##">Calendars</a></li>
                                       <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                       <li><a href="##">Diversity</a></li>
                                       <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </li>
               <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-academics-sticky" href="#academics">Academics</a><div class="mega-menu" id="mega-academics-sticky" role="region" aria-label="About Menu">
                     <div class="nav-wrapper container-xl">
                        <div class="row">
                           <div class="col-lg-4">
                              <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternative text"><a class="image-caption" href="#academics">Academics</a></div>
                           </div>
                           <div class="col-lg-8">
                              <div class="mega-link-row custom-mega-gutter">
                                 <div class="left-columns">
                                    <div class="col">
                                       <ul>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                          <li><a href="##">History</a></li>
                                          <li><a href="##">Administration</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Maps &amp; Directions</a></li>
                                          <li><a href="##">Virtual Tour</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                          <li><a href="##">The New York Climate Exchange</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li class="mega-subheading">News &amp; Publications</li>
                                          <li><a href="##">News</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                          <li><a href="##">Economic Impact</a></li>
                                       </ul>
                                    </div>
                                 </div>
                                 <div class="related-links-col">
                                    <ul class="related-links">
                                       <li class="mega-subheading">Related Links</li>
                                       <li><a href="##">Calendars</a></li>
                                       <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                       <li><a href="##">Diversity</a></li>
                                       <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </li>
               <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-campus-life-sticky" href="#campuslife">Campus Life</a><div class="mega-menu" id="mega-campus-life-sticky" role="region" aria-label="About Menu">
                     <div class="nav-wrapper container-xl">
                        <div class="row">
                           <div class="col-lg-4">
                              <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is alternate text"><a class="image-caption" href="#campuslife">Campus Life</a></div>
                           </div>
                           <div class="col-lg-8">
                              <div class="mega-link-row custom-mega-gutter">
                                 <div class="left-columns">
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">History</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                          <li><a href="##">Administration</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Maps &amp; Directions</a></li>
                                          <li><a href="##">Virtual Tour</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                          <li><a href="##">The New York Climate Exchange</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li class="mega-subheading">News &amp; Publications</li>
                                          <li><a href="##">News</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                          <li><a href="##">Economic Impact</a></li>
                                       </ul>
                                    </div>
                                 </div>
                                 <div class="related-links-col">
                                    <ul class="related-links">
                                       <li class="mega-subheading">Related Links</li>
                                       <li><a href="##">Calendars</a></li>
                                       <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                       <li><a href="##">Diversity</a></li>
                                       <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </li>
               <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-research-sticky" href="#research">Research</a><div class="mega-menu" id="mega-research-sticky" role="region" aria-label="About Menu">
                     <div class="nav-wrapper container-xl">
                        <div class="row">
                           <div class="col-lg-4">
                              <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alt"><a class="image-caption" href="#research">Research</a></div>
                           </div>
                           <div class="col-lg-8">
                              <div class="mega-link-row custom-mega-gutter">
                                 <div class="left-columns">
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Administration</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                          <li><a href="##">History</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Maps &amp; Directions</a></li>
                                          <li><a href="##">Virtual Tour</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                          <li><a href="##">The New York Climate Exchange</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li class="mega-subheading">News &amp; Publications</li>
                                          <li><a href="##">News</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                          <li><a href="##">Economic Impact</a></li>
                                       </ul>
                                    </div>
                                 </div>
                                 <div class="related-links-col">
                                    <ul class="related-links">
                                       <li class="mega-subheading">Related Links</li>
                                       <li><a href="##">Calendars</a></li>
                                       <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                       <li><a href="##">Diversity</a></li>
                                       <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </li>
               <li><a href="#athletics">Athletics</a></li>
               <li class="search-box"><button class="search-toggle" aria-label="Open Search"><svg width="24" height="24" viewBox="0 0 24 24" fill="none">
                        <path d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z" stroke="white" stroke-width="2"></path>
                        <path d="M21 20.9999L16.65 16.6499" stroke="white" stroke-width="2"></path></svg></button></li>
            </ul>
         </div>
      </div>
   </nav>
</header>      		
      <section class="homepage-hero d-none d-lg-block" aria-label="Homepage Hero Section">
         <div class="hero-background">
            <div class="video-container"><video id="hero-video" playsinline="playsinline" autoplay muted>
                  <source src="https://www.stonybrook.edu/far-beyond/video/GIVING-DAY-HOMEPAGE-2025.mp4" type="video/mp4">
                  						Your browser does not support the video tag.
                  					</video><div class="hero-wrapper">
                  <div class="content-banner">
                     <div class="banner-content-wrapper">
                        <div class="banner-content">
                           <h1 class="hero-title">Dare to reach your potential</h1>
                           <p class="hero-subtitle">A dynamic education awaits you at Stony Brook, an internationally recognized research
                              institution that's one of America's most affordable.</p><a class="change-life-btn" title="Change your life" href="##">Change your life</a></div>
                     </div>
                     <div class="banner-content">
                        <div class="keyline" aria-hidden="true"></div>
                        <nav class="bottom-links" aria-label="Quick Links"><a href="#/">Sit amet eu amd tempor</a><a href="###">Lorem ipsum dolor</a></nav>
                     </div><img class="prisms" src="/_resources/images/hero-prisms-v2-01.svg" alt="" aria-hidden="true"></div>
               </div>
               <div class="video-controls"><button class="btn" id="playPauseBtn" aria-label="Pause video"><span class="pause-icon"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16" fill="none">
                           <rect width="4" height="16" fill="white"/>
                           <rect x="10" width="4" height="16" fill="white"/></svg></span><span class="play-icon d-none"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16" fill="none">
                           <path d="M14 8L0 16V0L14 8Z" fill="white"/></svg></span></button></div>
            </div><svg xmlns="http://www.w3.org/2000/svg" class="bg-triangle" width="1200" height="300" viewBox="0 0 1200 300" fill="none" aria-hidden="true">
               <path d="M1200 0V300L200 128L1200 0Z" fill="#1791AD"/></svg><div class="skewed-overlay"></div>
         </div>
         <div class="hero-wrapper">
            <div class="action-buttons"><a class="btn btn-apply" aria-label="Apply Now" href="##">Apply Now</a><a class="btn btn-tour" aria-label="Schedule a Tour" href="#">Schedule a Tour</a><a class="btn btn-info" aria-label="Request Info" href="##">Request Info</a></div>
         </div>
      </section>
      <section class="homepage-hero-tablet d-none d-sm-block d-lg-none" aria-label="Homepage Hero Section">
         <div class="hero-background">
            <div class="hero-image"><img src="/_resources/images/hp-hero-tablet.png" alt="Mobile Hero Image of students on a tablet" aria-hidden="true"></div>
            <div class="hero-wrapper">
               <div class="content-banner">
                  <div class="banner-content-wrapper">
                     <div class="banner-content">
                        <h1 class="hero-title">Dare to reach your potential</h1>
                        <p class="hero-subtitle">A dynamic education awaits you at Stony Brook, an internationally recognized research
                           institution that's one of America's most affordable.</p><a class="change-life-btn" title="Change your life" href="##">Change your life</a></div>
                  </div>
                  <div class="banner-content">
                     <div class="keyline" aria-hidden="true"></div>
                     <nav class="bottom-links" aria-label="Quick Links"><a href="#/">Sit amet eu amd tempor</a><a href="###">Lorem ipsum dolor</a></nav>
                  </div><img class="prisms" src="/_resources/images/hero-prisms-v2-01.svg" alt="" aria-hidden="true"></div>
            </div>
         </div>
         <div class="action-buttons-tablet">
            <div class="row g-0">
               <div class="col-12">
                  <div class="action-buttons-wrapper"><a class="btn btn-apply" aria-label="Apply Now" href="##">Apply Now</a><a class="btn btn-tour" aria-label="Schedule a Tour" href="#">Schedule a Tour</a><a class="btn btn-info" aria-label="Request Info" href="##">Request Info</a></div>
               </div>
            </div>
         </div>
      </section>
      <section class="homepage-hero-mobile d-block d-sm-none" aria-label="Homepage Hero Section Mobile">
         <div class="mobile-action-buttons-container">
            <div class="action-buttons-wrapper"><a class="btn btn-apply" aria-label="Apply Now" href="##">Apply Now</a><a class="btn btn-tour" aria-label="Schedule a Tour" href="#">Schedule a Tour</a><a class="btn btn-info" aria-label="Request Info" href="##">Request Info</a></div>
         </div>
         <div class="mobile-content-area">
            <div class="content-banner">
               <div class="banner-content-wrapper">
                  <div class="banner-content">
                     <h1 class="hero-title">Dare to reach your potential</h1>
                     <p class="hero-subtitle">A dynamic education awaits you at Stony Brook, an internationally recognized research
                        institution that's one of America's most affordable.</p><a class="change-life-btn" title="Change your life" href="##">Change your life</a></div>
               </div>
            </div>
         </div>
      </section>
      <main id="main-content" class="fluid-container main-content" tabindex="-1" role="main" aria-label="Main Content Area">
         	
         <div class="divider divider-24 gradient-specialty-deep-blue-green" role="presentation"></div>
          
         
         
         <section class="news-section" aria-labelledby="news-title">
            <div class="news-header-bar text-white text-center">
               <div class="container-1280">
                  <h2 id="news-title" class="news-title">Daring to Take on the World</h2>
               </div>
            </div>
            <div class="container-1280">
               <h3 id="news-subtitle" class="news-subtitle">News From Stony Brook</h3>
            </div>
            <div class="section-content-wrapper">
               <div class="row gx-4">
                  <div class="col-lg-8 mb-4 mb-lg-0 news-stack border-lg-end">
                     <article class="news-item"><a href="" target="_blank" class="news-feature d-block" aria-labelledby="feature-caption">
                           <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-lg.png" alt="Students and faculty on a boat during Stony Brook University's 64th Commencement" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                 <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                       <defs>
                                          <clipPath id="clip-triangle">
                                             <polygon points="0,100 100,100 100,0"/>
                                          </clipPath>
                                       </defs>
                                       <g clip-path="url(#clip-triangle)">
                                          <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                          <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                          <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                          <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                       </g></svg></div>
                              </div>
                           </div>
                           <div class="news-feature-caption"><span id="feature-caption">Stony Brook University's 64th Commencement Features a Full House</span></div></a></article>
                  </div>
                  <div class="col-lg-4 d-flex flex-column">
                     <div class="news-right-desktop d-none d-lg-block" role="list">
                        <div class="row gx-3 gy-4">
                           <div class="col-lg-6 news-stack border-lg-end d-flex flex-column gap-4">
                              <article class="news-item" role="listitem">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="card1-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-1.png" alt="Student researcher in lab coat holding scientific equipment" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="card1-caption">SB Hospital's Dietetic Interns Battle it Out In</span></div></a></div>
                              </article>
                              <article class="news-item" role="listitem">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="card3-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-3.png" alt="SOCJ Graduate Students Present" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="card3-caption">SOCJ Graduate Students Present</span></div></a></div>
                              </article>
                           </div>
                           <div class="col-lg-6 news-stack d-flex flex-column gap-4">
                              <article class="news-item" role="listitem">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="card2-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-2.png" alt="SB Hospital's Dietetic Interns" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="card2-caption">SB Hospital's Dietetic Interns Battle it Out In</span></div></a></div>
                              </article>
                              <article class="news-item" role="listitem">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="card4-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-4.png" alt="SOCJ Graduate Students Present" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="card4-caption">SOCJ Graduate Students Present</span></div></a></div>
                              </article>
                           </div>
                        </div>
                     </div>
                     <div class="news-right-mobile d-lg-none" role="list">
                        <div class="row gx-3 gy-4">
                           <div class="col-12 col-sm-3" role="listitem">
                              <article class="news-item">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="mobile-card1-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-1.png" alt="Student researcher in lab coat holding scientific equipment" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="mobile-card1-caption">SB Hospital's Dietetic Interns Battle it Out In</span></div></a></div>
                              </article>
                           </div>
                           <div class="col-12 col-sm-3" role="listitem">
                              <article class="news-item">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="mobile-card2-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-2.png" alt="SB Hospital's Dietetic Interns" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="mobile-card2-caption">SB Hospital's Dietetic Interns Battle it Out In</span></div></a></div>
                              </article>
                           </div>
                           <div class="col-12 col-sm-3" role="listitem">
                              <article class="news-item">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="mobile-card3-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-3.png" alt="SOCJ Graduate Students Present" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="mobile-card3-caption">SOCJ Graduate Students Present</span></div></a></div>
                              </article>
                           </div>
                           <div class="col-12 col-sm-3" role="listitem">
                              <article class="news-item">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="mobile-card4-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-4.png" alt="SOCJ Graduate Students Present" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="mobile-card4-caption">SOCJ Graduate Students Present</span></div></a></div>
                              </article>
                           </div>
                        </div>
                     </div>
                     <div class="d-flex justify-content-center mt-4"><a href="#" target="_blank" class="btn btn-see-all" aria-label="View all news stories">See All Stories</a></div>
                  </div>
               </div>
            </div>
         </section> 
         
         
         	
         <div class="divider divider-24 gradient-specialty-deep-blue-green" role="presentation"></div>
          
         
         <section class="belong-section" aria-labelledby="belong-title">
            
            <div class="belong-header-bar">
               
               <h2 id="belong-title" class="belong-title">You Belong Here</h2>
               </div>
            
            <div class="belong-subtitle">
               
               <h3 id="belong-subtitle">See why the brightest minds choose Stony Brook</h3>
               </div>
            <!-- Mobile intro text (visible only xs) -->
            
            <div class="belong-mobile-intro d-sm-none">
               
               <p class="belong-intro-text" aria-label="Introduction">START YOUR SUCCESS STORY AT STONY BROOK, NEW YORK'S FLAGSHIP AND NO. 1 PUBLIC UNIVERSITY</p>
               </div>
            <!-- Desktop/Tablet Layout (576px and up) -->
            
            <div class="section-content-wrapper d-none d-sm-block">
               
               <div class="belong-grid" role="list"><!-- Existing grid items -->
                  
                  <div class="belong-grid-item intro" role="listitem">
                     
                     <p class="belong-intro-text" aria-label="Introduction">START YOUR<br>SUCCESS STORY AT<br>STONY BROOK,<br>NEW YORK'S FLAGSHIP<br>AND NO. 1 PUBLIC<br>UNIVERSITY</p>
                     </div>
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/girl-playing-flute.png" alt="Student playing flute in a practice room"></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat bright-red" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of alumni" data-target="250000">250,000+</span> <span class="stat-label">alumni worldwide</span></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat navy" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Public university in the nation" data-target="26">#26</span> <span class="stat-label">public university in the nation</span></div>
                     </div>
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/cheerleaders-celebrating.png" alt="Cheerleaders celebrating"></div>
                     </div>
                  <!-- Row 2: Items 6-10 -->
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/students-locking-bike.png" alt="Students locking bike"></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat turquoise" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of fields of study" data-target="300">Over 300</span> <span class="stat-label">fields of study</span></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat red" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of alumni" data-target="250000">250,000+</span> <span class="stat-label">alumni worldwide</span></div>
                     </div>
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/students-in-lab.png" alt="Students in laboratory"></div>
                     </div>
                  
                  <div class="belong-grid-item facts-button" role="listitem"><a class="btn btn-facts" href="https://web-test.stonybrook.edu/facts-and-rankings" aria-label="View all Stony Brook facts and rankings"> <span class="btn-text">VIEW ALL<br>FACTS &amp;<br>RANKINGS</span> </a></div>
                  </div>
               </div>
            <!-- Mobile Layout (below 576px) -->
            
            <div class="belong-mobile-grid d-block d-sm-none" role="list"><!-- Row 1: Flute player | Red stat -->
               
               <div class="belong-grid-row">
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/girl-playing-flute.png" alt="Student playing flute in a practice room"></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat bright-red" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of alumni" data-target="250000">250,000+</span> <span class="stat-label">alumni worldwide</span></div>
                     </div>
                  </div>
               <!-- Row 2: Navy stat | Cheerleaders -->
               
               <div class="belong-grid-row">
                  
                  <div class="belong-grid-item belong-stat navy" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Public university in the nation" data-target="26">#26</span> <span class="stat-label">public university in the nation</span></div>
                     </div>
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/cheerleaders-celebrating.png" alt="Cheerleaders celebrating"></div>
                     </div>
                  </div>
               <!-- Row 3: Bike | Turquoise stat -->
               
               <div class="belong-grid-row">
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/students-locking-bike.png" alt="Students locking bike"></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat turquoise" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of fields of study" data-target="300">Over 300</span> <span class="stat-label">fields of study</span></div>
                     </div>
                  </div>
               <!-- Row 4: Red stat | Lab students -->
               
               <div class="belong-grid-row">
                  
                  <div class="belong-grid-item belong-stat red" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of alumni" data-target="250000">250,000+</span> <span class="stat-label">alumni worldwide</span></div>
                     </div>
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/students-in-lab.png" alt="Students in laboratory"></div>
                     </div>
                  </div>
               <!-- Button row (centered) -->
               
               <div class="belong-grid-row button-row">
                  
                  <div class="belong-grid-item facts-button" role="listitem"><a class="btn btn-facts" href="https://web-test.stonybrook.edu/facts-and-rankings" aria-label="View all Stony Brook facts and rankings"> <span class="btn-text">VIEW ALL<br>FACTS &amp;<br>RANKINGS</span> </a></div>
                  </div>
               </div>
            </section>
         
         <section class="path-section" aria-labelledby="path-heading">
            <div class="section-content-wrapper">
               <div class="divider divider-8 gradient-specialty-deep-blue-green" aria-hidden="true"></div>
               <div class="row justify-content-center">
                  <div class="col-12 text-center">
                     <h2 id="path-heading" class="path-heading animate-on-scroll fade-up">Choose the Path to Your Future</h2>
                     <h3 data-delay="200" class="path-subheading animate-on-scroll fade-up">Push boundaries, challenge assumptions, and redefine what's possible</h3>
                  </div>
               </div>
               <div class="row path-cards mt-5">
                  <div class="col-sm-4 col-md-4 col-lg-3 path-card animate-on-scroll fade-right" data-delay="300"><a href="###" target="_blank" class="card" aria-label="Undergraduate">
                        <div class="card-img-container"><img src="/_resources/images/path-female-student-in-lab.png" class="card-img-top" alt="Female undergraduate student conducting research in a laboratory setting"></div>
                        <div class="card-title-wrapper">
                           <h4 class="card-title">Undergraduate</h4>
                        </div>
                        <div class="card-body">
                           <p class="card-text">Suspendisse quis laoreet tortor. Sed sodales enim eu nunc pharetra rutrum. Nam porta
                              nulla non risus porta imperdiet.</p>
                        </div></a></div>
                  <div class="col-sm-4 col-md-4 col-lg-3 path-card animate-on-scroll fade-right" data-delay="300"><a href="#/" target="_blank" class="card" aria-label="Graduate">
                        <div class="card-img-container"><img src="/_resources/images/path-3-students-collaborating.png" class="card-img-top" alt="Three graduate students working together on a research project"></div>
                        <div class="card-title-wrapper">
                           <h4 class="card-title">Graduate</h4>
                        </div>
                        <div class="card-body">
                           <p class="card-text">Suspendisse quis laoreet tortor. Sed sodales enim eu nunc pharetra rutrum. Nam porta
                              nulla non risus porta imperdiet.</p>
                        </div></a></div>
                  <div class="col-sm-4 col-md-4 col-lg-3 path-card animate-on-scroll fade-right" data-delay="300"><a href="##" target="_blank" class="card" aria-label="Professional Dev.">
                        <div class="card-img-container"><img src="/_resources/images/path-student-at-laptop.png" class="card-img-top" alt="Student working on a laptop in a modern learning environment"></div>
                        <div class="card-title-wrapper">
                           <h4 class="card-title">Professional Dev.</h4>
                        </div>
                        <div class="card-body">
                           <p class="card-text">Suspendisse quis laoreet tortor. Sed sodales enim eu nunc pharetra rutrum. Nam porta
                              nulla non risus porta imperdiet.</p>
                        </div></a></div>
                  <div class="col-12 col-md-12 col-lg-3 path-buttons animate-on-scroll fade-left" data-delay="600">
                     <div class="button-wrapper"><button class="path-button majors-minors" aria-label="Major &amp; Minors"><span>MAJOR &amp; MINORS</span></button><button class="path-button schedule-tour" aria-label="Schedule a Tour"><span>SCHEDULE A TOUR</span></button><button class="path-button apply-now" aria-label="Apply Now"><span>APPLY NOW</span></button></div>
                  </div>
               </div>
            </div>
         </section> 
         
         
         <section class="calendar-section">
            <div class="container-fluid">
               <div class="calendar-section__header">
                  <h2>What's Going On</h2>
                  <h3>There's always something interesting happening at The Brook</h3>
               </div>
               <div class="row">
                  <div class="col-lg-6 col-md-6">
                     <div class="row calendar-inner-row"><h3>Nothing matching that URL</h3>                        <div class="col-md-7 calendar-section__content-col">
                           <div class="calendar-section__countdown">
                              <div class="countdown-item" aria-label="00 Days">
                                 <div class="number">00</div>
                                 <div class="label">DAYS</div>
                              </div>
                              <div class="countdown-item" aria-label="04 Hours">
                                 <div class="number">00</div>
                                 <div class="label">HOURS</div>
                              </div>
                              <div class="countdown-item" aria-label="31 Minutes">
                                 <div class="number">00</div>
                                 <div class="label">MINS</div>
                              </div>
                              <div class="countdown-item" aria-label="19 Seconds">
                                 <div class="number">00</div>
                                 <div class="label">SECS</div>
                              </div>
                           </div>
                           <div class="calendar-section__save-date"><h3>Nothing matching that URL</h3></div>
                           <div class="calendar-section__buttons"><a href="##" target="_blank" class="btn btn-global btn-global--white-transparent-black-hover">Learn More</a><a href="#" target="_blank" class="btn btn-global btn-global--white-transparent-black-hover">Register</a></div>
                        </div>
                     </div>
                  </div>
                  <div class="col-lg-6 col-md-6">
                     <div class="calendar-section__events">
                        <div class="row calendar-inner-row"><div class="col-6 calendar-section__events-col calendar-section__events-col--left">	<ul class="calendar-section__events-list"><li class="calendar-section__events-item">	<div class="date" aria-label="August 6">		<div class="day">06</div>		<div class="month">Aug</div>	</div>	<div class="content">	<p>Pollock-Krasner House and Study Center: Family Tour and  Drip Painting Workshops</p>	</div></li><li class="calendar-section__events-item">	<div class="date" aria-label="August 9">		<div class="day">09</div>		<div class="month">Aug</div>	</div>	<div class="content">	<p>Pollock-Krasner House and Study Center: Family Tour and  Drip Painting Workshops</p>	</div></li>	</ul></div></div>
                        <div class="calendar-section__buttons"><a href="/events" target="_blank" class="btn btn-global btn-global--white-transparent-black-hover">See All Events</a></div>
                     </div>
                  </div>
               </div>
            </div>
         </section> 
         
         
         <section class="sb-campuslife-section" aria-label="Campus Life Navigation">
            <div class="section-content-wrapper">
               <h2 class="visually-hidden">Campus Life</h2>
               <div class="top-row" role="list">
                  <div class="sb-campuslife-circle" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/studentlife/" target="_blank" aria-label="Student Life">
                        <div class="sb-campuslife-container"><img src="/_resources/images/circle-button-student-life.jpg" alt="This is an alternate"><div class="sb-campuslife-gradient" aria-hidden="true"></div>
                           <div class="sb-campuslife-title">STUDENT LIFE</div>
                        </div></a></div>
                  <div class="sb-campuslife-circle" role="listitem"><a href="https://www.stonybrook.edu/campus-life/arts-and-culture/" target="_blank" aria-label="Arts &amp; Culture">
                        <div class="sb-campuslife-container"><img src="/_resources/images/circle-button-arts-culture.jpg" alt="Woman painting"><div class="sb-campuslife-gradient" aria-hidden="true"></div>
                           <div class="sb-campuslife-title">ARTS &amp; CULTURE</div>
                        </div></a></div>
               </div>
               <div class="bottom-row" role="list">
                  <div class="sb-campuslife-circle" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/health-wellness/" target="_blank" aria-label="Health &amp; Safety">
                        <div class="sb-campuslife-container"><img src="/_resources/images/circle-button-health-safety.jpg" alt="Student in the lab"><div class="sb-campuslife-gradient" aria-hidden="true"></div>
                           <div class="sb-campuslife-title">HEALTH &amp; SAFETY</div>
                        </div></a></div>
                  <div class="sb-campuslife-circle" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/sac/get_involved.php" target="_blank" aria-label="Student Involvement">
                        <div class="sb-campuslife-container"><img src="/_resources/images/circle-button-student-involvement.jpg" alt="Two students running in the park"><div class="sb-campuslife-gradient" aria-hidden="true"></div>
                           <div class="sb-campuslife-title">STUDENT INVOLVEMENT</div>
                        </div></a></div>
                  <div class="sb-campuslife-circle sb-explore-circle" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/stu/" target="_blank" aria-label="ExploreCampus Life">
                        <div class="sb-campuslife-container">
                           <div class="sb-campuslife-title explore">
                              <div class="text-container">
                                 <div class="explore-line">EXPLORE <img class="arrow-img" src="/_resources/images/campus-life-arrow.svg" alt="arrow" aria-hidden="true"></div>
                                 <div class="campus-line">CAMPUS LIFE</div>
                              </div>
                           </div>
                        </div></a></div>
               </div>
            </div>
         </section>
         <section class="sb-campuslife-mobile" aria-label="Campus Life Navigation for Mobile Devices">
            <h2 class="visually-hidden">Campus Life</h2>
            <div role="list" class="mobile-row">
               <div class="sb-circle-mobile" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/studentlife/" target="_blank" aria-label="Student Life">
                     <div class="sb-circle-container-mobile"><img src="/_resources/images/circle-button-student-life.jpg" alt=""><div class="sb-circle-gradient-mobile" aria-hidden="true"></div>
                        <div class="sb-circle-title-mobile">STUDENT LIFE</div>
                     </div></a></div>
               <div class="sb-circle-mobile" role="listitem"><a href="https://www.stonybrook.edu/campus-life/arts-and-culture/" target="_blank" aria-label="Arts &amp; Culture">
                     <div class="sb-circle-container-mobile"><img src="/_resources/images/circle-button-arts-culture.jpg" alt=""><div class="sb-circle-gradient-mobile" aria-hidden="true"></div>
                        <div class="sb-circle-title-mobile">ARTS &amp; CULTURE</div>
                     </div></a></div>
            </div>
            <div role="list" class="mobile-row">
               <div class="sb-circle-mobile" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/health-wellness/" target="_blank" aria-label="Health &amp; Safety">
                     <div class="sb-circle-container-mobile"><img src="/_resources/images/circle-button-health-safety.jpg" alt=""><div class="sb-circle-gradient-mobile" aria-hidden="true"></div>
                        <div class="sb-circle-title-mobile">HEALTH &amp; SAFETY</div>
                     </div></a></div>
               <div class="sb-circle-mobile" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/sac/get_involved.php" target="_blank" aria-label="Student Involvement">
                     <div class="sb-circle-container-mobile"><img src="/_resources/images/circle-button-student-involvement.jpg" alt=""><div class="sb-circle-gradient-mobile" aria-hidden="true"></div>
                        <div class="sb-circle-title-mobile">STUDENT INVOLVEMENT</div>
                     </div></a></div>
            </div>
            <div role="list" class="mobile-row">
               <div class="sb-circle-mobile sb-explore-circle-mobile" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/stu/" target="_blank" aria-label="ExploreCampus Life">
                     <div class="sb-circle-container-mobile">
                        <div class="sb-circle-title-mobile">
                           <div class="text-container-mobile">
                              <div class="explore-line-mobile">EXPLORE <img class="arrow-img-mobile" src="/_resources/images/campus-life-arrow.svg" alt="mobile arrow" aria-hidden="true"></div>
                              <div class="campus-line-mobile">CAMPUS LIFE</div>
                           </div>
                        </div>
                     </div></a></div>
            </div>
         </section>
         
         
         	
         <div class="divider divider-24 gradient-specialty-deep-blue-green" role="presentation"></div>
          
         
         
         <section class="sb-hp-carousel-wrapper" aria-label="Meet Our Seawolves Carousel">
            <div class="sb-hp-carousel-intro">
               <h2 class="sb-hp-carousel-title">Meet Our Seawolves</h2>
               <h3 class="sb-hp-carousel-subtitle">Meet the innovators, change-makers, and visionaries shaping tomorrow</h3>
            </div>
            <div class="sb-hp-carousel slick-carousel" role="region" aria-roledescription="carousel">
               <div class="sb-hp-carousel-item">
                  <div class="sb-hp-carousel-inner">
                     <div class="sb-hp-carousel-image"><img src="/_resources/images/hp-carousel-placeholder-image.jpg" alt="./ikmagealt" loading="lazy"></div>
                     <div class="sb-hp-carousel-content">
                        <h4 class="sb-hp-carousel-name">Name</h4>
                        <p class="sb-hp-carousel-text">Donec ac tempor ipsum, sit amet pellentesque augue. Curabitur vel ante suscipit, dapibus
                           justo sed, dapibus mi. Proin non ullamcorper metus. Vestibulum non porttitor turpis,
                           sit.</p><a href="###" target="_blank" class="sb-hp-carousel-link" aria-label="Learn More">Learn More</a></div>
                  </div>
               </div>
               <div class="sb-hp-carousel-item">
                  <div class="sb-hp-carousel-inner">
                     <div class="sb-hp-carousel-image"><img src="/_resources/images/hp-carousel-placeholder-image.jpg" alt="./ikmagealt" loading="lazy"></div>
                     <div class="sb-hp-carousel-content">
                        <h1 class="sb-hp-carousel-name">Another Name</h1>
                        <p class="sb-hp-carousel-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt
                           ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p><a href="##" target="_blank" class="sb-hp-carousel-link" aria-label="Learn More">Learn More</a></div>
                  </div>
               </div>
               <div class="sb-hp-carousel-item">
                  <div class="sb-hp-carousel-inner">
                     <div class="sb-hp-carousel-image"><img src="/_resources/images/hp-carousel-placeholder-image.jpg" alt="./ikmagealt" loading="lazy"></div>
                     <div class="sb-hp-carousel-content">
                        <h1 class="sb-hp-carousel-name">Another Name</h1>
                        <p class="sb-hp-carousel-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt
                           ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p><a href="#" target="_blank" class="sb-hp-carousel-link" aria-label="Learn More">Learn More</a></div>
                  </div>
               </div>
               <div class="sb-hp-carousel-item">
                  <div class="sb-hp-carousel-inner">
                     <div class="sb-hp-carousel-image"><img src="/_resources/images/hp-carousel-placeholder-image.jpg" alt="./ikmagealt" loading="lazy"></div>
                     <div class="sb-hp-carousel-content">
                        <h1 class="sb-hp-carousel-name">Another Name</h1>
                        <p class="sb-hp-carousel-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt
                           ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p><a href="#/" target="_blank" class="sb-hp-carousel-link" aria-label="Learn More">Learn More</a></div>
                  </div>
               </div>
               <div class="sb-hp-carousel-item">
                  <div class="sb-hp-carousel-inner">
                     <div class="sb-hp-carousel-image"><img src="/_resources/images/hp-carousel-placeholder-image.jpg" alt="./ikmagealt" loading="lazy"></div>
                     <div class="sb-hp-carousel-content">
                        <h1 class="sb-hp-carousel-name">Another Name</h1>
                        <p class="sb-hp-carousel-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt
                           ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p><a href="####" target="_blank" class="sb-hp-carousel-link" aria-label="Learn More">Learn More</a></div>
                  </div>
               </div>
            </div>
         </section>
      </main>
      <div class="divider divider-24 gradient-specialty-deep-blue-green"></div><footer class="sb-footer">
   <div class="section-content-wrapper">
      <div class="sb-footer-cta-row d-flex flex-wrap align-items-center justify-content-start mb-5">
         <h2 class="sb-footer-heading mb-0">Want to learn more about SBU?</h2><a class="btn sb-footer-cta" title="Request Information" href="#/">Request Information</a></div>
      <div class="row gy-5 align-items-start">
         <div class="col-12 col-md-8">
            <div class="row gy-4">
               <div class="col-12 col-sm-6 col-md-6 col-lg-3">
                  <h3 class="sb-footer-title">About SBU</h3>
                  <ul class="sb-footer-links">
                     <li><a href="#" target="_blank" rel="noopener">Contact</a></li>
                     <li><a href="#">Fast Facts</a></li>
                     <li><a href="#" title="News">News</a></li>
                     <li><a href="#">For Media</a></li>
                     <li><a href="#">Careers</a></li>
                  </ul>
               </div>
               <div class="col-12 col-sm-6 col-md-6 col-lg-3">
                  <h3 class="sb-footer-title">Education</h3>
                  <ul class="sb-footer-links">
                     <li><a href="#">Majors &amp; Minors</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Colleges &amp; Schools</a></li>
                     <li><a href="#" target="_blank" rel="noopener">University Catalogs</a></li>
                     <li><a href="#">Brightspace</a></li>
                     <li><a href="#" title="Careers">Careers</a></li>
                  </ul>
               </div>
               <div class="col-12 col-sm-6 col-md-6 col-lg-3">
                  <h3 class="sb-footer-title">Resources</h3>
                  <ul class="sb-footer-links">
                     <li><a href="#" title="Academic Calendar">Academic Calendar</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Undergraduate Bulletin</a></li>
                     <li><a href="#">Graduate Bulletin</a></li>
                     <li><a href="#">Health Sciences Bulletin</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Libraries</a></li>
                  </ul>
               </div>
               <div class="col-12 col-sm-6 col-md-6 col-lg-3">
                  <h3 class="sb-footer-title">Find</h3>
                  <ul class="sb-footer-links">
                     <li><a href="#">People Directory</a></li>
                     <li><a href="#">A–Z Web Directory</a></li>
                     <li><a href="#">Calendars</a></li>
                     <li><a href="#" title="Jobs">Jobs</a></li>
                     <li><a href="#">Maps &amp; Directions</a></li>
                     <li><a href="#">Parking</a></li>
                  </ul>
               </div>
            </div>
         </div>
         <div class="col-12 col-md-4 d-flex justify-content-end sb-footer-logo-col">
            <div class="footer-brand text-center"><img src="/_resources/images/sb-logo-horizontal.png" alt="footer-logo" class="sb-footer-logo mb-2"><div class="sb-footer-social"><span class="follow-label">Follow Us</span><ul class="list-inline mt-2">
                     <li class="list-inline-item"><a href="https://www.facebook.com" aria-label="Facebook"><svg xmlns="http://www.w3.org/2000/svg" role="img" focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                              <title>Facebook</title>
                              <path fill="currentColor" d="M12 0C5.37264 0 0 5.37264 0 12C0 17.6275 3.87456 22.3498 9.10128 23.6467V15.6672H6.62688V12H9.10128V10.4198C9.10128 6.33552 10.9498 4.4424 14.9597 4.4424C15.72 4.4424 17.0318 4.59168 17.5685 4.74048V8.06448C17.2853 8.03472 16.7933 8.01984 16.1822 8.01984C14.2147 8.01984 13.4544 8.76528 13.4544 10.703V12H17.3741L16.7006 15.6672H13.4544V23.9122C19.3963 23.1946 24.0005 18.1354 24.0005 12C24 5.37264 18.6274 0 12 0Z"/></svg></a></li>
                     <li class="list-inline-item"><a href="https://www.instagram.com" aria-label="Instagram"><svg xmlns="http://www.w3.org/2000/svg" role="img" focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                              <title>Instagram</title>
                              <g clip-path="url(#clip0)">
                                 <path fill="currentColor" d="M12 2.16094C15.2063 2.16094 15.5859 2.175 16.8469 2.23125C18.0188 2.28281 18.6516 2.47969 19.0734 2.64375C19.6313 2.85938 20.0344 3.12188 20.4516 3.53906C20.8734 3.96094 21.1313 4.35938 21.3469 4.91719C21.5109 5.33906 21.7078 5.97656 21.7594 7.14375C21.8156 8.40937 21.8297 8.78906 21.8297 11.9906C21.8297 15.1969 21.8156 15.5766 21.7594 16.8375C21.7078 18.0094 21.5109 18.6422 21.3469 19.0641C21.1313 19.6219 20.8687 20.025 20.4516 20.4422C20.0297 20.8641 19.6313 21.1219 19.0734 21.3375C18.6516 21.5016 18.0141 21.6984 16.8469 21.75C15.5813 21.8062 15.2016 21.8203 12 21.8203C8.79375 21.8203 8.41406 21.8062 7.15313 21.75C5.98125 21.6984 5.34844 21.5016 4.92656 21.3375C4.36875 21.1219 3.96563 20.8594 3.54844 20.4422C3.12656 20.0203 2.86875 19.6219 2.65313 19.0641C2.48906 18.6422 2.29219 18.0047 2.24063 16.8375C2.18438 15.5719 2.17031 15.1922 2.17031 11.9906C2.17031 8.78438 2.18438 8.40469 2.24063 7.14375C2.29219 5.97187 2.48906 5.33906 2.65313 4.91719C2.86875 4.35938 3.13125 3.95625 3.54844 3.53906C3.97031 3.11719 4.36875 2.85938 4.92656 2.64375C5.34844 2.47969 5.98594 2.28281 7.15313 2.23125C8.41406 2.175 8.79375 2.16094 12 2.16094ZM12 0C8.74219 0 8.33438 0.0140625 7.05469 0.0703125C5.77969 0.126563 4.90313 0.332812 4.14375 0.628125C3.35156 0.9375 2.68125 1.34531 2.01563 2.01562C1.34531 2.68125 0.9375 3.35156 0.628125 4.13906C0.332812 4.90313 0.126563 5.775 0.0703125 7.05C0.0140625 8.33437 0 8.74219 0 12C0 15.2578 0.0140625 15.6656 0.0703125 16.9453C0.126563 18.2203 0.332812 19.0969 0.628125 19.8563C0.9375 20.6484 1.34531 21.3188 2.01563 21.9844C2.68125 22.65 3.35156 23.0625 4.13906 23.3672C4.90313 23.6625 5.775 23.8687 7.05 23.925C8.32969 23.9812 8.7375 23.9953 11.9953 23.9953C15.2531 23.9953 15.6609 23.9812 16.9406 23.925C18.2156 23.8687 19.0922 23.6625 19.8516 23.3672C20.6391 23.0625 21.3094 22.65 21.975 21.9844C22.6406 21.3188 23.0531 20.6484 23.3578 19.8609C23.6531 19.0969 23.8594 18.225 23.9156 16.95C23.9719 15.6703 23.9859 15.2625 23.9859 12.0047C23.9859 8.74688 23.9719 8.33906 23.9156 7.05938C23.8594 5.78438 23.6531 4.90781 23.3578 4.14844C23.0625 3.35156 22.6547 2.68125 21.9844 2.01562C21.3188 1.35 20.6484 0.9375 19.8609 0.632812C19.0969 0.3375 18.225 0.13125 16.95 0.075C15.6656 0.0140625 15.2578 0 12 0Z"/>
                                 <path fill="currentColor" d="M12 5.83594C8.59688 5.83594 5.83594 8.59688 5.83594 12C5.83594 15.4031 8.59688 18.1641 12 18.1641C15.4031 18.1641 18.1641 15.4031 18.1641 12C18.1641 8.59688 15.4031 5.83594 12 5.83594ZM12 15.9984C9.79219 15.9984 8.00156 14.2078 8.00156 12C8.00156 9.79219 9.79219 8.00156 12 8.00156C14.2078 8.00156 15.9984 9.79219 15.9984 12C15.9984 14.2078 14.2078 15.9984 12 15.9984Z"/>
                                 <path fill="currentColor" d="M19.8469 5.59214C19.8469 6.38902 19.2 7.0312 18.4078 7.0312C17.6109 7.0312 16.9688 6.38433 16.9688 5.59214C16.9688 4.79526 17.6156 4.15308 18.4078 4.15308C19.2 4.15308 19.8469 4.79995 19.8469 5.59214Z"/>
                              </g>
                              <defs>
                                 <clipPath id="clip0">
                                    <rect width="24" height="24" fill="white"/>
                                 </clipPath>
                              </defs></svg></a></li>
                     <li class="list-inline-item"><a href="https://www.linkedin.com" aria-label="LinkedIn"><svg xmlns="http://www.w3.org/2000/svg" role="img" focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                              <title>LinkedIn</title>
                              <path fill="currentColor" d="M22.2234 0H1.77187C0.792187 0 0 0.773438 0 1.72969V22.2656C0 23.2219 0.792187 24 1.77187 24H22.2234C23.2031 24 24 23.2219 24 22.2703V1.72969C24 0.773438 23.2031 0 22.2234 0ZM7.12031 20.4516H3.55781V8.99531H7.12031V20.4516ZM5.33906 7.43438C4.19531 7.43438 3.27188 6.51094 3.27188 5.37187C3.27188 4.23281 4.19531 3.30937 5.33906 3.30937C6.47813 3.30937 7.40156 4.23281 7.40156 5.37187C7.40156 6.50625 6.47813 7.43438 5.33906 7.43438ZM20.4516 20.4516H16.8937V14.8828C16.8937 13.5562 16.8703 11.8453 15.0422 11.8453C13.1906 11.8453 12.9094 13.2937 12.9094 14.7891V20.4516H9.35625V8.99531H12.7687V10.5609H12.8156C13.2891 9.66094 14.4516 8.70938 16.1813 8.70938C19.7859 8.70938 20.4516 11.0813 20.4516 14.1656V20.4516Z"/></svg></a></li>
                     <li class="list-inline-item"><a href="https://www.x.com" aria-label="X"><svg xmlns="http://www.w3.org/2000/svg" role="img" focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                              <title>X (Twitter)</title>
                              <path fill="currentColor" d="M18.3263 1.9039H21.6998L14.3297 10.3274L23 21.7899H16.2112L10.894 14.8379L4.80995 21.7899H1.43443L9.31743 12.78L1 1.9039H7.96111L12.7674 8.25823L18.3263 1.9039ZM17.1423 19.7707H19.0116L6.94539 3.81703H4.93946L17.1423 19.7707Z"/></svg></a></li>
                     <li class="list-inline-item"><a href="https://www.youtube.com" aria-label="YouTube"><svg xmlns="http://www.w3.org/2000/svg" role="img" focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                              <title>YouTube</title>
                              <path fill="currentColor" d="M23.7609 7.20005C23.7609 7.20005 23.5266 5.54536 22.8047 4.8188C21.8906 3.86255 20.8688 3.85786 20.4 3.80161C17.0438 3.55786 12.0047 3.55786 12.0047 3.55786H11.9953C11.9953 3.55786 6.95625 3.55786 3.6 3.80161C3.13125 3.85786 2.10938 3.86255 1.19531 4.8188C0.473438 5.54536 0.24375 7.20005 0.24375 7.20005C0.24375 7.20005 0 9.14536 0 11.086V12.9047C0 14.8454 0.239062 16.7907 0.239062 16.7907C0.239062 16.7907 0.473437 18.4454 1.19062 19.1719C2.10469 20.1282 3.30469 20.0954 3.83906 20.1985C5.76094 20.3813 12 20.4375 12 20.4375C12 20.4375 17.0438 20.4282 20.4 20.1891C20.8688 20.1329 21.8906 20.1282 22.8047 19.1719C23.5266 18.4454 23.7609 16.7907 23.7609 16.7907C23.7609 16.7907 24 14.85 24 12.9047V11.086C24 9.14536 23.7609 7.20005 23.7609 7.20005ZM9.52031 15.1125V8.36724L16.0031 11.7516L9.52031 15.1125Z"/></svg></a></li>
                  </ul>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="sb-sub-footer py-4">
   <div class="section-content-wrapper text-center small">
      <div class="sb-sub-footer-meta mb-2"><span id="directedit">©</span> 2025 Stony Brook University | 100 Nicolls Road, Stony Brook, NY 11794 | (631) 632-6000 | <a href="/contact.php">Contact</a></div>
      <div class="sb-sub-footer-links"><a href="#" target="_blank" rel="noopener">Accessibility</a> | <a href="#">Privacy Policy</a> | <a href="#">Sustainability</a> | <a title="Diversity Discrimination" href="#">Diversity Discrimination</a> | <a href="#" target="_blank" rel="noopener">Sexual Misconduct</a> | <a href="#">Accessibility Barrier</a></div>
      <div class="sb-sub-footer-disclaimer mt-2">Stony Brook University resides on the ancestral, traditional, and contemporary lands
         of the aboriginal territory of the Setauket or the Setalcott tribe. We acknowledge
         federal and state recognized tribes who live here now and those who were forcibly
         removed from their homelands. In offering this land acknowledgement, we affirm indigenous
         sovereignty, history, and experience.</div>
   </div>
</div></footer><ouc:editor wysiwyg="no"/>
<!-- Scripts -->
<script src="/_resources/js/bootstrap.bundle.min.js" defer="defer"></script>
<!-- jQuery is required for Slick Slider functionality -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<script src="/_resources/js/sb-main.js" defer="defer"></script>
<script src="/_resources/js/sb-animations.js" defer="defer"></script>
<script src="/_resources/js/vendor/slick.min.js" defer="defer"></script>
<script src="/_resources/js/sb-homepage-hero.js" defer="defer"></script>
      <div id="ou-hidden" style="display:none;"><!-- com.omniupdate.ob --><a id="de" rel="nofollow" href="https://a.cms.omniupdate.com/11/?skin=oucampus&amp;account=suny-stonybrook&amp;site=stonybrook&amp;action=de&amp;path=/_showcase/index.pcf">&copy;</a><!-- /com.omniupdate.ob --></div><script>
			if(document.getElementById("de") != null && document.getElementById("directedit")) {
				var link = document.getElementById("de").parentNode.innerHTML;
				document.getElementById("de").parentNode.innerHTML = "";
				document.getElementById("directedit").innerHTML = link.replace(/^\s+|\s+$/gm,'');
			}
		</script><!-- ouc:info uuid="efd93f71-7f25-49b8-a190-0a94b3c84449"/ --></body>
</html>
          Parameter 
          Header User-Agent
          Attack 
          Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1)

  6. Risk=Informational, Confidence=Low (2)

    1. https://web-test.stonybrook.edu (2)

      1. Information Disclosure - Suspicious Comments (1)
        1. GET https://web-test.stonybrook.edu/_resources/js/sb-homepage-hero.js
          Alert tags
          Alert description

          The response appears to contain suspicious comments which may help an attacker. Note: Matches made within script blocks or files are against the entire content not only comments.
          Other info

          The following pattern was used: \bUSER\b and was detected in the element starting with: " console.log("Video autoplay failed, user interaction may be required:", error);", see evidence field for the suspicious comment/snippet.
          Request
          Request line and header section (357 bytes) 
          GET https://web-test.stonybrook.edu/_resources/js/sb-homepage-hero.js HTTP/1.1
host: web-test.stonybrook.edu
user-agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36 OPR/102.0.0.0
pragma: no-cache
cache-control: no-cache
referer: https://web-test.stonybrook.edu/_showcase/index.php
          Request body (0 bytes)
          Response
          Status line and header section (285 bytes) 
          HTTP/1.1 200 OK
Date: Wed, 06 Aug 2025 16:03:08 GMT
Server: Apache
Last-Modified: Mon, 21 Jul 2025 18:58:40 GMT
ETag: "7c0-63a751062381a"
Accept-Ranges: bytes
Content-Length: 1984
X-Frame-Options: DENY
SERVER-ID: {NODE-NAME}.{NODE-ENV}
Content-Type: application/javascript
          Response body (1984 bytes) 
          document.addEventListener('DOMContentLoaded', function() {
    const video = document.getElementById('hero-video');
    const playPauseBtn = document.getElementById('playPauseBtn');

    // Only run this script if the video and button exist on the page
    if (video && playPauseBtn) {
        const playIcon = playPauseBtn.querySelector('.play-icon');
        const pauseIcon = playPauseBtn.querySelector('.pause-icon');

        // Function to update button state
        function updateButtonState(isPlaying) {
            if (isPlaying) {
                if (playIcon) playIcon.classList.add('d-none');
                if (pauseIcon) pauseIcon.classList.remove('d-none');
                playPauseBtn.setAttribute('aria-label', 'Pause video');
            } else {
                if (playIcon) playIcon.classList.remove('d-none');
                if (pauseIcon) pauseIcon.classList.add('d-none');
                playPauseBtn.setAttribute('aria-label', 'Play video');
            }
        }

        // Handle video end - loop
        video.addEventListener('ended', function() {
            video.currentTime = 0;
            video.play();
        });

        // Handle play/pause button click
        playPauseBtn.addEventListener('click', function() {
            if (video.paused) {
                video.play();
            } else {
                video.pause();
            }
        });

        // Update button state when video state changes
        video.addEventListener('play', function() {
            updateButtonState(true);
        });

        video.addEventListener('pause', function() {
            updateButtonState(false);
        });

        // Attempt to play the video initially
        video.play().catch(function(error) {
            console.log("Video autoplay failed, user interaction may be required:", error);
            updateButtonState(false);
        });

        // Initial state update
        updateButtonState(!video.paused);
    }
});
          Evidence 
          user
          Solution

          Remove all comments that return information that may help an attacker and fix any underlying problems they refer to.
      2. Re-examine Cache-control Directives (1)
        1. GET https://web-test.stonybrook.edu/_showcase/index.php
          Alert tags
          Alert description

          The cache-control header has not been set properly or is missing, allowing the browser and proxies to cache content. For static assets like css, js, or image files this might be intended, however, the resources should be reviewed to ensure that no sensitive content will be cached.
          Request
          Request line and header section (281 bytes) 
          GET https://web-test.stonybrook.edu/_showcase/index.php HTTP/1.1
host: web-test.stonybrook.edu
user-agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36 OPR/102.0.0.0
pragma: no-cache
cache-control: no-cache
          Request body (0 bytes)
          Response
          Status line and header section (220 bytes) 
          HTTP/1.1 200 OK
Date: Wed, 06 Aug 2025 16:03:07 GMT
Server: Apache
X-Powered-By: PHP/7.2.24
X-Frame-Options: DENY
SERVER-ID: {NODE-NAME}.{NODE-ENV}
Content-Type: text/html; charset=UTF-8
content-length: 130771
          Response body (130771 bytes) 
          <!DOCTYPE HTML><html lang="en">
   <head>
      <meta charset="UTF-8">
      <meta http-equiv="x-ua-compatible" content="ie=edge">
      <title>Home</title>
      <link rel="canonical" href="https://web-test.stonybrook.edu/_showcase/index.php">
      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
      <ouc:editor wysiwyg="no"/>
<!-- this is the headcode include -->
<link rel="apple-touch-icon" href="https://www.stonybrook.edu/commcms/_resources/favicon/apple-touch-icon.png"/>
<link rel="apple-touch-icon" sizes="144x144" href="https://www.stonybrook.edu/commcms/_resources/favicon/apple-touch-icon-144x144-precomposed.png"/>
<link rel="icon" href="https://www.stonybrook.edu/commcms/_resources/favicon/apple-touch-icon.png"/>
<!-- Preload Fonts for Faster Rendering -->
<link rel="preload" href="https://fonts.googleapis.com/css2?family=Alumni+Sans:wght@400;500;600;700;800&family=Barlow:wght@400;500;600;700&family=Barlow+Semi+Condensed:wght@400;500;600;700&family=Bitter:wght@400;600;700&display=swap" as="style" />

<!-- Load Fonts Early -->
<link href="https://fonts.googleapis.com/css2?family=Alumni+Sans:wght@400;500;600;700;800&family=Barlow:wght@400;500;600;700&family=Barlow+Semi+Condensed:wght@400;500;600;700&family=Bitter:wght@400;600;700&display=swap" rel="stylesheet"/>

<!-- Load Main Styles -->
<link rel="stylesheet" href="/_resources/css/sb-main.css"/><ouc:editor wysiwyg="no"/>
<!-- Insert google analytics here -->
</head>
   <body><ouc:editor wysiwyg="no"/><!-- <?pcf-stylesheet path="/_resources/xsl/_widgets/header.xsl" title="Mobile" alternate="no" publish="yes" extension=".mobile.html"?> --><header class="container-fluid no-gutter"><a href="#main-content" class="skip-link">Skip to main content</a><nav class="desktop-nav" role="navigation" aria-label="Main Navigation">
      <div class="top-nav-wrapper">
         <div class="nav-wrapper container-xl">
            <div class="top-nav d-flex justify-content-between align-items-center">
               <div class="top-nav-left">
                  <ul>
                     <li><a href="/apply" target="_blank" rel="noopener">Apply</a></li>
                     <li><a href="/visit">Visit</a></li>
                     <li><a href="/give">Giving</a></li>
                     <li><a href="/medicine" title="Medicine">Medicine</a></li>
                  </ul>
               </div>
               <ul class="top-nav-right">
                  <li class="dropdown"><a href="#" aria-haspopup="true" aria-expanded="false">Resources For  ▾</a><ul class="dropdown-menu">
                        <li><a href="#">Maps and Directions</a></li>
                        <li><a href="##">Virtual Tour</a></li>
                        <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                        <li><a title="Stony Brook Southampton" href="##">Stony Brook Southampton</a></li>
                        <li><a href="###">The New York Climate Exchange</a></li>
                     </ul>
                  </li>
                  <li class="dropdown"><a href="#" aria-haspopup="true" aria-expanded="false">Logins  ▾</a><ul class="dropdown-menu">
                        <li><a href="#" target="_blank" rel="noopener">Student Portal</a></li>
                        <li><a href="###">Faculty Portal</a></li>
                        <li><a href="##">Employee Services</a></li>
                        <li><a title="Library Account" href="#">Library Account</a></li>
                        <li><a href="##">Alumni Login</a></li>
                     </ul>
                  </li>
                  <li class="search-box"><button class="search-toggle" aria-label="Open Search"><svg width="24" height="24" viewBox="0 0 24 24" fill="none">
                           <path d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z" stroke="white" stroke-width="2"></path>
                           <path d="M21 20.9999L16.65 16.6499" stroke="white" stroke-width="2"></path></svg></button></li>
               </ul>
            </div>
         </div>
      </div>
      <div class="primary-nav-wrapper">
         <div class="nav-wrapper container-xl">
            <div class="primary-nav d-flex justify-content-between align-items-center">
               <div class="logo"><a href="/"><img src="/_resources/images/sb-logo-desktop.svg" alt="logo"></a></div>
               <ul class="primary-links">
                  <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-about" href="#about">About</a><div class="mega-menu" id="mega-about" role="region" aria-label="About Menu">
                        <div class="nav-wrapper container-xl">
                           <div class="row">
                              <div class="col-lg-4">
                                 <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternate"><a class="image-caption" href="#about">About</a></div>
                              </div>
                              <div class="col-lg-8">
                                 <div class="mega-link-row custom-mega-gutter">
                                    <div class="left-columns">
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">History</a></li>
                                             <li><a href="##">Administration</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Maps &amp; Directions</a></li>
                                             <li><a href="##">Virtual Tour</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                             <li><a href="##">The New York Climate Exchange</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li class="mega-subheading">News &amp; Publications</li>
                                             <li><a href="##">News</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                             <li><a href="##">Economic Impact</a></li>
                                          </ul>
                                       </div>
                                    </div>
                                    <div class="related-links-col">
                                       <ul class="related-links">
                                          <li class="mega-subheading">Related Links</li>
                                          <li><a href="##">Calendars</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                          <li><a href="##">Diversity</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </li>
                  <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-admissions" href="#admissions">Admissions</a><div class="mega-menu" id="mega-admissions" role="region" aria-label="About Menu">
                        <div class="nav-wrapper container-xl">
                           <div class="row">
                              <div class="col-lg-4">
                                 <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternate text"><a class="image-caption" href="#admissions">Admissions</a></div>
                              </div>
                              <div class="col-lg-8">
                                 <div class="mega-link-row custom-mega-gutter">
                                    <div class="left-columns">
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">History</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                             <li><a href="##">Administration</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Maps &amp; Directions</a></li>
                                             <li><a href="##">Virtual Tour</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                             <li><a href="##">The New York Climate Exchange</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li class="mega-subheading">News &amp; Publications</li>
                                             <li><a href="##">News</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                             <li><a href="##">Economic Impact</a></li>
                                          </ul>
                                       </div>
                                    </div>
                                    <div class="related-links-col">
                                       <ul class="related-links">
                                          <li class="mega-subheading">Related Links</li>
                                          <li><a href="##">Calendars</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                          <li><a href="##">Diversity</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </li>
                  <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-academics" href="#academics">Academics</a><div class="mega-menu" id="mega-academics" role="region" aria-label="About Menu">
                        <div class="nav-wrapper container-xl">
                           <div class="row">
                              <div class="col-lg-4">
                                 <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternative text"><a class="image-caption" href="#academics">Academics</a></div>
                              </div>
                              <div class="col-lg-8">
                                 <div class="mega-link-row custom-mega-gutter">
                                    <div class="left-columns">
                                       <div class="col">
                                          <ul>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                             <li><a href="##">History</a></li>
                                             <li><a href="##">Administration</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Maps &amp; Directions</a></li>
                                             <li><a href="##">Virtual Tour</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                             <li><a href="##">The New York Climate Exchange</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li class="mega-subheading">News &amp; Publications</li>
                                             <li><a href="##">News</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                             <li><a href="##">Economic Impact</a></li>
                                          </ul>
                                       </div>
                                    </div>
                                    <div class="related-links-col">
                                       <ul class="related-links">
                                          <li class="mega-subheading">Related Links</li>
                                          <li><a href="##">Calendars</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                          <li><a href="##">Diversity</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </li>
                  <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-campus-life" href="#campuslife">Campus Life</a><div class="mega-menu" id="mega-campus-life" role="region" aria-label="About Menu">
                        <div class="nav-wrapper container-xl">
                           <div class="row">
                              <div class="col-lg-4">
                                 <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is alternate text"><a class="image-caption" href="#campuslife">Campus Life</a></div>
                              </div>
                              <div class="col-lg-8">
                                 <div class="mega-link-row custom-mega-gutter">
                                    <div class="left-columns">
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">History</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                             <li><a href="##">Administration</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Maps &amp; Directions</a></li>
                                             <li><a href="##">Virtual Tour</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                             <li><a href="##">The New York Climate Exchange</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li class="mega-subheading">News &amp; Publications</li>
                                             <li><a href="##">News</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                             <li><a href="##">Economic Impact</a></li>
                                          </ul>
                                       </div>
                                    </div>
                                    <div class="related-links-col">
                                       <ul class="related-links">
                                          <li class="mega-subheading">Related Links</li>
                                          <li><a href="##">Calendars</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                          <li><a href="##">Diversity</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </li>
                  <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-research" href="#research">Research</a><div class="mega-menu" id="mega-research" role="region" aria-label="About Menu">
                        <div class="nav-wrapper container-xl">
                           <div class="row">
                              <div class="col-lg-4">
                                 <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alt"><a class="image-caption" href="#research">Research</a></div>
                              </div>
                              <div class="col-lg-8">
                                 <div class="mega-link-row custom-mega-gutter">
                                    <div class="left-columns">
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Administration</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                             <li><a href="##">History</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li><a href="##">Maps &amp; Directions</a></li>
                                             <li><a href="##">Virtual Tour</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                             <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                             <li><a href="##">The New York Climate Exchange</a></li>
                                          </ul>
                                       </div>
                                       <div class="col">
                                          <ul>
                                             <li class="mega-subheading">News &amp; Publications</li>
                                             <li><a href="##">News</a></li>
                                             <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                             <li><a href="##">Economic Impact</a></li>
                                          </ul>
                                       </div>
                                    </div>
                                    <div class="related-links-col">
                                       <ul class="related-links">
                                          <li class="mega-subheading">Related Links</li>
                                          <li><a href="##">Calendars</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                          <li><a href="##">Diversity</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </li>
                  <li><a href="#athletics">Athletics</a></li>
               </ul>
            </div>
         </div>
      </div>
      <div class="search-panel desktop-search-panel">
         <div class="search-panel-inner"><button class="sb-search-panel-close" aria-label="Close search panel">×</button><div class="sb-search-panel p-4">
               <form class="sb-search-form" action="//stonybrook.edu/search" method="get" role="search" aria-label="Site search">
                  <div class="row g-2 align-items-end">
                     <div class="col-12 col-md"><label for="sb-search-input" class="visually-hidden">Search Stony Brook University</label><div class="sb-search-input-wrapper"><span class="sb-search-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                 <path d="M7.33333 12.6667C10.2789 12.6667 12.6667 10.2789 12.6667 7.33333C12.6667 4.38781 10.2789 2 7.33333 2C4.38781 2 2 4.38781 2 7.33333C2 10.2789 4.38781 12.6667 7.33333 12.6667Z" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                 <path d="M14 14L11.1 11.1" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><input type="text" id="sb-search-input" name="q" placeholder="Search Stony Brook University" value="" size="30" tabindex="41" class="populate form-control"></div>
                     </div>
                     <div class="col-12 col-md-auto"><button type="submit" class="btn btn-dark w-100 text-uppercase sb-search-button">Search</button></div>
                  </div>
               </form>
            </div>
         </div>
      </div>
   </nav>
   <div class="mobile-header">
      <div class="header-bar">
         <div class="header-left"><a href="#" class="logo"><img src="/_resources/images/sb-logo-mobile.svg" alt="mobile logo"></a></div>
         <div class="header-right">
            <ul class="header-actions">
               <li class="search-box"><button class="search-toggle-mobile" aria-label="Open Search"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                        <path d="M7.33333 12.6667C10.2789 12.6667 12.6667 10.2789 12.6667 7.33333C12.6667 4.38781 10.2789 2 7.33333 2C4.38781 2 2 4.38781 2 7.33333C2 10.2789 4.38781 12.6667 7.33333 12.6667Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        <path d="M14 14L11.1 11.1" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></button></li>
               <li class="menu-trigger"><button class="menu-toggle" aria-label="Open Menu" aria-expanded="false"><span class="bar"></span><span class="bar"></span><span class="bar"></span></button></li>
            </ul>
         </div>
      </div>
   </div>
   <div class="search-panel mobile-search-panel">
      <div class="search-panel-inner"><button class="sb-search-panel-close" aria-label="Close search panel">×</button><div class="sb-search-panel p-4">
            <form class="sb-search-form" action="//stonybrook.edu/search" method="get" role="search" aria-label="Site search">
               <div class="row g-2 align-items-end">
                  <div class="col-12 col-md"><label for="sb-search-input-mobile" class="visually-hidden">Search Stony Brook University</label><div class="sb-search-input-wrapper"><span class="sb-search-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                              <path d="M7.33333 12.6667C10.2789 12.6667 12.6667 10.2789 12.6667 7.33333C12.6667 4.38781 10.2789 2 7.33333 2C4.38781 2 2 4.38781 2 7.33333C2 10.2789 4.38781 12.6667 7.33333 12.6667Z" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                              <path d="M14 14L11.1 11.1" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><input type="text" id="sb-search-input-mobile" title="Search stonybrook.edu" value="" size="30" tabindex="41" name="q" placeholder="Search Stony Brook University" class="populate form-control"></div>
                  </div>
                  <div class="col-12 col-md-auto"><button type="submit" class="btn btn-dark w-100 text-uppercase sb-search-button">Search</button></div>
               </div>
            </form>
         </div>
      </div>
   </div>
   <nav class="responsive-nav" role="navigation" aria-label="Mobile Navigation">
      <div class="menu-panel">
         <div class="overlay"></div>
         <div class="menu-content">
            <ul class="primary-menu">
               <li class="has-submenu">
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#about">About</a><button class="accordion-toggle" aria-expanded="false" aria-controls="submenu-about" aria-label="Expand About submenu"><span class="arrow"></span></button></div>
                  <ul id="submenu-about" class="accordion-panel" aria-hidden="true">
                     <li><a href="##">History</a></li>
                     <li><a href="##">Administration</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                     <li><a href="##">Maps &amp; Directions</a></li>
                     <li><a href="##">Virtual Tour</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                     <li><a href="##">The New York Climate Exchange</a></li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">News &amp; Publications</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-news-1" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-news-1" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">News</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                           <li><a href="##">Economic Impact</a></li>
                        </ul>
                     </li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">Related Links</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-related-links-1" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-related-links-1" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">Calendars</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                           <li><a href="##">Diversity</a></li>
                           <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                        </ul>
                     </li>
                  </ul>
               </li>
               <li class="has-submenu">
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#admissions">Admissions</a><button class="accordion-toggle" aria-expanded="false" aria-controls="submenu-admissions" aria-label="Expand About submenu"><span class="arrow"></span></button></div>
                  <ul id="submenu-admissions" class="accordion-panel" aria-hidden="true">
                     <li><a href="##">History</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                     <li><a href="##">Administration</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                     <li><a href="##">Maps &amp; Directions</a></li>
                     <li><a href="##">Virtual Tour</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                     <li><a href="##">The New York Climate Exchange</a></li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">News &amp; Publications</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-news-2" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-news-2" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">News</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                           <li><a href="##">Economic Impact</a></li>
                        </ul>
                     </li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">Related Links</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-related-links-2" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-related-links-2" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">Calendars</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                           <li><a href="##">Diversity</a></li>
                           <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                        </ul>
                     </li>
                  </ul>
               </li>
               <li class="has-submenu">
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#academics">Academics</a><button class="accordion-toggle" aria-expanded="false" aria-controls="submenu-academics" aria-label="Expand About submenu"><span class="arrow"></span></button></div>
                  <ul id="submenu-academics" class="accordion-panel" aria-hidden="true">
                     <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                     <li><a href="##">History</a></li>
                     <li><a href="##">Administration</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                     <li><a href="##">Maps &amp; Directions</a></li>
                     <li><a href="##">Virtual Tour</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                     <li><a href="##">The New York Climate Exchange</a></li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">News &amp; Publications</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-news-3" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-news-3" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">News</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                           <li><a href="##">Economic Impact</a></li>
                        </ul>
                     </li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">Related Links</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-related-links-3" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-related-links-3" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">Calendars</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                           <li><a href="##">Diversity</a></li>
                           <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                        </ul>
                     </li>
                  </ul>
               </li>
               <li class="has-submenu">
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#campuslife">Campus Life</a><button class="accordion-toggle" aria-expanded="false" aria-controls="submenu-campus-life" aria-label="Expand About submenu"><span class="arrow"></span></button></div>
                  <ul id="submenu-campus-life" class="accordion-panel" aria-hidden="true">
                     <li><a href="##">History</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                     <li><a href="##">Administration</a></li>
                     <li><a href="##">Maps &amp; Directions</a></li>
                     <li><a href="##">Virtual Tour</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                     <li><a href="##">The New York Climate Exchange</a></li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">News &amp; Publications</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-news-4" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-news-4" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">News</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                           <li><a href="##">Economic Impact</a></li>
                        </ul>
                     </li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">Related Links</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-related-links-4" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-related-links-4" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">Calendars</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                           <li><a href="##">Diversity</a></li>
                           <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                        </ul>
                     </li>
                  </ul>
               </li>
               <li class="has-submenu">
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#research">Research</a><button class="accordion-toggle" aria-expanded="false" aria-controls="submenu-research" aria-label="Expand About submenu"><span class="arrow"></span></button></div>
                  <ul id="submenu-research" class="accordion-panel" aria-hidden="true">
                     <li><a href="##">Administration</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                     <li><a href="##">History</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                     <li><a href="##">Maps &amp; Directions</a></li>
                     <li><a href="##">Virtual Tour</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                     <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                     <li><a href="##">The New York Climate Exchange</a></li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">News &amp; Publications</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-news-5" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-news-5" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">News</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                           <li><a href="##">Economic Impact</a></li>
                        </ul>
                     </li>
                     <li class="has-submenu">
                        <div class="mobile-nav-item-top"><span class="mobile-nav-second-level-link-top">Related Links</span><button class="sub-accordion-toggle" aria-expanded="false" aria-controls="submenu-related-links-5" aria-label="Expand News submenu"><span class="plus-icon"></span></button></div>
                        <ul id="submenu-related-links-5" class="accordion-panel" aria-hidden="true">
                           <li><a href="##">Calendars</a></li>
                           <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                           <li><a href="##">Diversity</a></li>
                           <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                        </ul>
                     </li>
                  </ul>
               </li>
               <li>
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="#athletics">Athletics</a></div>
               </li>
               <li>
                  <div class="mobile-nav-item-top"><a class="mobile-nav-link-top" href="/medicine" title="Medicine">Medicine</a></div>
               </li>
            </ul>
            <div class="mobile-nav-footer-links">
               <div class="info-logins-grid">
                  <div class="info-column">
                     <h3 class="footer-heading">Info for —</h3>
                     <ul class="footer-link-list">
                        <li><a href="#">Maps and Directions</a></li>
                        <li><a href="##">Virtual Tour</a></li>
                        <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                        <li><a title="Stony Brook Southampton" href="##">Stony Brook Southampton</a></li>
                        <li><a href="###">The New York Climate Exchange</a></li>
                     </ul>
                  </div>
                  <div class="logins-column">
                     <h3 class="footer-heading with-icon"><span class="login-icon" aria-hidden="true"><img src="/_resources/images/logins-icon.svg" alt="" width="16" height="17"></span>
                        				Logins —
                        			</h3>
                     <ul class="footer-link-list">
                        <li><a href="#" target="_blank" rel="noopener">Student Portal</a></li>
                        <li><a href="###">Faculty Portal</a></li>
                        <li><a href="##">Employee Services</a></li>
                        <li><a title="Library Account" href="#">Library Account</a></li>
                        <li><a href="##">Alumni Login</a></li>
                     </ul>
                  </div>
               </div>
            </div>
         </div>
         <div class="bottom-links">
            <ul class="bottom-links-list">
               <li><a href="/apply" target="_blank" rel="noopener">Apply</a></li>
               <li><a href="/visit">Visit</a></li>
               <li><a href="/give">Giving</a></li>
            </ul>
         </div>
      </div>
   </nav>
   <nav class="sticky-nav" aria-label="Sticky Navigation" role="navigation">
      <div class="sticky-search-panel">
         <div class="search-panel-inner"><button class="sb-search-panel-close" aria-label="Close search panel">×</button><div class="sb-search-panel p-4">
               <form class="sb-search-form" action="//stonybrook.edu/search" method="get" role="search" aria-label="Site search">
                  <div class="row g-2 align-items-end">
                     <div class="col-12 col-md"><label for="sb-search-input-sticky" class="visually-hidden">Search Stony Brook University</label><div class="sb-search-input-wrapper"><span class="sb-search-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                 <path d="M7.33333 12.6667C10.2789 12.6667 12.6667 10.2789 12.6667 7.33333C12.6667 4.38781 10.2789 2 7.33333 2C4.38781 2 2 4.38781 2 7.33333C2 10.2789 4.38781 12.6667 7.33333 12.6667Z" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                 <path d="M14 14L11.1 11.1" stroke="#828282" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span><input type="text" id="sb-search-input-sticky" name="q" title="Search stonybrook.edu" value="" size="30" tabindex="41" placeholder="Search Stony Brook University" class="populate form-control"></div>
                     </div>
                     <div class="col-12 col-md-auto"><button type="submit" class="btn btn-dark w-100 text-uppercase sb-search-button">Search</button></div>
                  </div>
               </form>
            </div>
         </div>
      </div>
      <div class="sticky-nav-background"></div>
      <div class="sticky-nav-content d-flex justify-content-between align-items-center">
         <div class="sticky-nav-left">
            <div class="logo"><a href="/"><img src="/_resources/images/sb-logo-sticky.svg" alt="sticky logo"></a></div>
         </div>
         <div class="sticky-nav-right">
            <ul class="sticky-links list-unstyled d-flex mb-0">
               <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-about-sticky" href="#about">About</a><div class="mega-menu" id="mega-about-sticky" role="region" aria-label="About Menu">
                     <div class="nav-wrapper container-xl">
                        <div class="row">
                           <div class="col-lg-4">
                              <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternate"><a class="image-caption" href="#about">About</a></div>
                           </div>
                           <div class="col-lg-8">
                              <div class="mega-link-row custom-mega-gutter">
                                 <div class="left-columns">
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">History</a></li>
                                          <li><a href="##">Administration</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Maps &amp; Directions</a></li>
                                          <li><a href="##">Virtual Tour</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                          <li><a href="##">The New York Climate Exchange</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li class="mega-subheading">News &amp; Publications</li>
                                          <li><a href="##">News</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                          <li><a href="##">Economic Impact</a></li>
                                       </ul>
                                    </div>
                                 </div>
                                 <div class="related-links-col">
                                    <ul class="related-links">
                                       <li class="mega-subheading">Related Links</li>
                                       <li><a href="##">Calendars</a></li>
                                       <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                       <li><a href="##">Diversity</a></li>
                                       <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </li>
               <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-admissions-sticky" href="#admissions">Admissions</a><div class="mega-menu" id="mega-admissions-sticky" role="region" aria-label="About Menu">
                     <div class="nav-wrapper container-xl">
                        <div class="row">
                           <div class="col-lg-4">
                              <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternate text"><a class="image-caption" href="#admissions">Admissions</a></div>
                           </div>
                           <div class="col-lg-8">
                              <div class="mega-link-row custom-mega-gutter">
                                 <div class="left-columns">
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">History</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                          <li><a href="##">Administration</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Maps &amp; Directions</a></li>
                                          <li><a href="##">Virtual Tour</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                          <li><a href="##">The New York Climate Exchange</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li class="mega-subheading">News &amp; Publications</li>
                                          <li><a href="##">News</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                          <li><a href="##">Economic Impact</a></li>
                                       </ul>
                                    </div>
                                 </div>
                                 <div class="related-links-col">
                                    <ul class="related-links">
                                       <li class="mega-subheading">Related Links</li>
                                       <li><a href="##">Calendars</a></li>
                                       <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                       <li><a href="##">Diversity</a></li>
                                       <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </li>
               <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-academics-sticky" href="#academics">Academics</a><div class="mega-menu" id="mega-academics-sticky" role="region" aria-label="About Menu">
                     <div class="nav-wrapper container-xl">
                        <div class="row">
                           <div class="col-lg-4">
                              <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alternative text"><a class="image-caption" href="#academics">Academics</a></div>
                           </div>
                           <div class="col-lg-8">
                              <div class="mega-link-row custom-mega-gutter">
                                 <div class="left-columns">
                                    <div class="col">
                                       <ul>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                          <li><a href="##">History</a></li>
                                          <li><a href="##">Administration</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Maps &amp; Directions</a></li>
                                          <li><a href="##">Virtual Tour</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                          <li><a href="##">The New York Climate Exchange</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li class="mega-subheading">News &amp; Publications</li>
                                          <li><a href="##">News</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                          <li><a href="##">Economic Impact</a></li>
                                       </ul>
                                    </div>
                                 </div>
                                 <div class="related-links-col">
                                    <ul class="related-links">
                                       <li class="mega-subheading">Related Links</li>
                                       <li><a href="##">Calendars</a></li>
                                       <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                       <li><a href="##">Diversity</a></li>
                                       <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </li>
               <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-campus-life-sticky" href="#campuslife">Campus Life</a><div class="mega-menu" id="mega-campus-life-sticky" role="region" aria-label="About Menu">
                     <div class="nav-wrapper container-xl">
                        <div class="row">
                           <div class="col-lg-4">
                              <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is alternate text"><a class="image-caption" href="#campuslife">Campus Life</a></div>
                           </div>
                           <div class="col-lg-8">
                              <div class="mega-link-row custom-mega-gutter">
                                 <div class="left-columns">
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">History</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                          <li><a href="##">Administration</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Maps &amp; Directions</a></li>
                                          <li><a href="##">Virtual Tour</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                          <li><a href="##">The New York Climate Exchange</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li class="mega-subheading">News &amp; Publications</li>
                                          <li><a href="##">News</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                          <li><a href="##">Economic Impact</a></li>
                                       </ul>
                                    </div>
                                 </div>
                                 <div class="related-links-col">
                                    <ul class="related-links">
                                       <li class="mega-subheading">Related Links</li>
                                       <li><a href="##">Calendars</a></li>
                                       <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                       <li><a href="##">Diversity</a></li>
                                       <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </li>
               <li><a class="has-mega-menu" aria-haspopup="true" aria-expanded="false" aria-controls="mega-research-sticky" href="#research">Research</a><div class="mega-menu" id="mega-research-sticky" role="region" aria-label="About Menu">
                     <div class="nav-wrapper container-xl">
                        <div class="row">
                           <div class="col-lg-4">
                              <div class="image-box"><img src="/_resources/images/megamenu-placeholder-image.jpg" alt="This is an alt"><a class="image-caption" href="#research">Research</a></div>
                           </div>
                           <div class="col-lg-8">
                              <div class="mega-link-row custom-mega-gutter">
                                 <div class="left-columns">
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Administration</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Facts &amp; Rankings</a></li>
                                          <li><a href="##">History</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Centers &amp; Institutes</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li><a href="##">Maps &amp; Directions</a></li>
                                          <li><a href="##">Virtual Tour</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Parking &amp; Transportation</a></li>
                                          <li><a title="text" href="#" target="_blank" rel="noopener">Stony Brook Southampton</a></li>
                                          <li><a href="##">The New York Climate Exchange</a></li>
                                       </ul>
                                    </div>
                                    <div class="col">
                                       <ul>
                                          <li class="mega-subheading">News &amp; Publications</li>
                                          <li><a href="##">News</a></li>
                                          <li><a href="#" target="_blank" rel="noopener">Events</a></li>
                                          <li><a href="##">Economic Impact</a></li>
                                       </ul>
                                    </div>
                                 </div>
                                 <div class="related-links-col">
                                    <ul class="related-links">
                                       <li class="mega-subheading">Related Links</li>
                                       <li><a href="##">Calendars</a></li>
                                       <li><a href="#" target="_blank" rel="noopener">Jobs</a></li>
                                       <li><a href="##">Diversity</a></li>
                                       <li><a title="text" href="#" target="_blank" rel="noopener">Sustainability</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </li>
               <li><a href="#athletics">Athletics</a></li>
               <li class="search-box"><button class="search-toggle" aria-label="Open Search"><svg width="24" height="24" viewBox="0 0 24 24" fill="none">
                        <path d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z" stroke="white" stroke-width="2"></path>
                        <path d="M21 20.9999L16.65 16.6499" stroke="white" stroke-width="2"></path></svg></button></li>
            </ul>
         </div>
      </div>
   </nav>
</header>      		
      <section class="homepage-hero d-none d-lg-block" aria-label="Homepage Hero Section">
         <div class="hero-background">
            <div class="video-container"><video id="hero-video" playsinline="playsinline" autoplay muted>
                  <source src="https://www.stonybrook.edu/far-beyond/video/GIVING-DAY-HOMEPAGE-2025.mp4" type="video/mp4">
                  						Your browser does not support the video tag.
                  					</video><div class="hero-wrapper">
                  <div class="content-banner">
                     <div class="banner-content-wrapper">
                        <div class="banner-content">
                           <h1 class="hero-title">Dare to reach your potential</h1>
                           <p class="hero-subtitle">A dynamic education awaits you at Stony Brook, an internationally recognized research
                              institution that's one of America's most affordable.</p><a class="change-life-btn" title="Change your life" href="##">Change your life</a></div>
                     </div>
                     <div class="banner-content">
                        <div class="keyline" aria-hidden="true"></div>
                        <nav class="bottom-links" aria-label="Quick Links"><a href="#/">Sit amet eu amd tempor</a><a href="###">Lorem ipsum dolor</a></nav>
                     </div><img class="prisms" src="/_resources/images/hero-prisms-v2-01.svg" alt="" aria-hidden="true"></div>
               </div>
               <div class="video-controls"><button class="btn" id="playPauseBtn" aria-label="Pause video"><span class="pause-icon"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16" fill="none">
                           <rect width="4" height="16" fill="white"/>
                           <rect x="10" width="4" height="16" fill="white"/></svg></span><span class="play-icon d-none"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16" fill="none">
                           <path d="M14 8L0 16V0L14 8Z" fill="white"/></svg></span></button></div>
            </div><svg xmlns="http://www.w3.org/2000/svg" class="bg-triangle" width="1200" height="300" viewBox="0 0 1200 300" fill="none" aria-hidden="true">
               <path d="M1200 0V300L200 128L1200 0Z" fill="#1791AD"/></svg><div class="skewed-overlay"></div>
         </div>
         <div class="hero-wrapper">
            <div class="action-buttons"><a class="btn btn-apply" aria-label="Apply Now" href="##">Apply Now</a><a class="btn btn-tour" aria-label="Schedule a Tour" href="#">Schedule a Tour</a><a class="btn btn-info" aria-label="Request Info" href="##">Request Info</a></div>
         </div>
      </section>
      <section class="homepage-hero-tablet d-none d-sm-block d-lg-none" aria-label="Homepage Hero Section">
         <div class="hero-background">
            <div class="hero-image"><img src="/_resources/images/hp-hero-tablet.png" alt="Mobile Hero Image of students on a tablet" aria-hidden="true"></div>
            <div class="hero-wrapper">
               <div class="content-banner">
                  <div class="banner-content-wrapper">
                     <div class="banner-content">
                        <h1 class="hero-title">Dare to reach your potential</h1>
                        <p class="hero-subtitle">A dynamic education awaits you at Stony Brook, an internationally recognized research
                           institution that's one of America's most affordable.</p><a class="change-life-btn" title="Change your life" href="##">Change your life</a></div>
                  </div>
                  <div class="banner-content">
                     <div class="keyline" aria-hidden="true"></div>
                     <nav class="bottom-links" aria-label="Quick Links"><a href="#/">Sit amet eu amd tempor</a><a href="###">Lorem ipsum dolor</a></nav>
                  </div><img class="prisms" src="/_resources/images/hero-prisms-v2-01.svg" alt="" aria-hidden="true"></div>
            </div>
         </div>
         <div class="action-buttons-tablet">
            <div class="row g-0">
               <div class="col-12">
                  <div class="action-buttons-wrapper"><a class="btn btn-apply" aria-label="Apply Now" href="##">Apply Now</a><a class="btn btn-tour" aria-label="Schedule a Tour" href="#">Schedule a Tour</a><a class="btn btn-info" aria-label="Request Info" href="##">Request Info</a></div>
               </div>
            </div>
         </div>
      </section>
      <section class="homepage-hero-mobile d-block d-sm-none" aria-label="Homepage Hero Section Mobile">
         <div class="mobile-action-buttons-container">
            <div class="action-buttons-wrapper"><a class="btn btn-apply" aria-label="Apply Now" href="##">Apply Now</a><a class="btn btn-tour" aria-label="Schedule a Tour" href="#">Schedule a Tour</a><a class="btn btn-info" aria-label="Request Info" href="##">Request Info</a></div>
         </div>
         <div class="mobile-content-area">
            <div class="content-banner">
               <div class="banner-content-wrapper">
                  <div class="banner-content">
                     <h1 class="hero-title">Dare to reach your potential</h1>
                     <p class="hero-subtitle">A dynamic education awaits you at Stony Brook, an internationally recognized research
                        institution that's one of America's most affordable.</p><a class="change-life-btn" title="Change your life" href="##">Change your life</a></div>
               </div>
            </div>
         </div>
      </section>
      <main id="main-content" class="fluid-container main-content" tabindex="-1" role="main" aria-label="Main Content Area">
         	
         <div class="divider divider-24 gradient-specialty-deep-blue-green" role="presentation"></div>
          
         
         
         <section class="news-section" aria-labelledby="news-title">
            <div class="news-header-bar text-white text-center">
               <div class="container-1280">
                  <h2 id="news-title" class="news-title">Daring to Take on the World</h2>
               </div>
            </div>
            <div class="container-1280">
               <h3 id="news-subtitle" class="news-subtitle">News From Stony Brook</h3>
            </div>
            <div class="section-content-wrapper">
               <div class="row gx-4">
                  <div class="col-lg-8 mb-4 mb-lg-0 news-stack border-lg-end">
                     <article class="news-item"><a href="" target="_blank" class="news-feature d-block" aria-labelledby="feature-caption">
                           <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-lg.png" alt="Students and faculty on a boat during Stony Brook University's 64th Commencement" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                 <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                       <defs>
                                          <clipPath id="clip-triangle">
                                             <polygon points="0,100 100,100 100,0"/>
                                          </clipPath>
                                       </defs>
                                       <g clip-path="url(#clip-triangle)">
                                          <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                          <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                          <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                          <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                       </g></svg></div>
                              </div>
                           </div>
                           <div class="news-feature-caption"><span id="feature-caption">Stony Brook University's 64th Commencement Features a Full House</span></div></a></article>
                  </div>
                  <div class="col-lg-4 d-flex flex-column">
                     <div class="news-right-desktop d-none d-lg-block" role="list">
                        <div class="row gx-3 gy-4">
                           <div class="col-lg-6 news-stack border-lg-end d-flex flex-column gap-4">
                              <article class="news-item" role="listitem">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="card1-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-1.png" alt="Student researcher in lab coat holding scientific equipment" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="card1-caption">SB Hospital's Dietetic Interns Battle it Out In</span></div></a></div>
                              </article>
                              <article class="news-item" role="listitem">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="card3-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-3.png" alt="SOCJ Graduate Students Present" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="card3-caption">SOCJ Graduate Students Present</span></div></a></div>
                              </article>
                           </div>
                           <div class="col-lg-6 news-stack d-flex flex-column gap-4">
                              <article class="news-item" role="listitem">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="card2-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-2.png" alt="SB Hospital's Dietetic Interns" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="card2-caption">SB Hospital's Dietetic Interns Battle it Out In</span></div></a></div>
                              </article>
                              <article class="news-item" role="listitem">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="card4-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-4.png" alt="SOCJ Graduate Students Present" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="card4-caption">SOCJ Graduate Students Present</span></div></a></div>
                              </article>
                           </div>
                        </div>
                     </div>
                     <div class="news-right-mobile d-lg-none" role="list">
                        <div class="row gx-3 gy-4">
                           <div class="col-12 col-sm-3" role="listitem">
                              <article class="news-item">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="mobile-card1-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-1.png" alt="Student researcher in lab coat holding scientific equipment" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="mobile-card1-caption">SB Hospital's Dietetic Interns Battle it Out In</span></div></a></div>
                              </article>
                           </div>
                           <div class="col-12 col-sm-3" role="listitem">
                              <article class="news-item">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="mobile-card2-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-2.png" alt="SB Hospital's Dietetic Interns" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="mobile-card2-caption">SB Hospital's Dietetic Interns Battle it Out In</span></div></a></div>
                              </article>
                           </div>
                           <div class="col-12 col-sm-3" role="listitem">
                              <article class="news-item">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="mobile-card3-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-3.png" alt="SOCJ Graduate Students Present" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="mobile-card3-caption">SOCJ Graduate Students Present</span></div></a></div>
                              </article>
                           </div>
                           <div class="col-12 col-sm-3" role="listitem">
                              <article class="news-item">
                                 <div class="news-card"><a href="" target="_blank" class="d-block" aria-labelledby="mobile-card4-caption">
                                       <div class="image-wrapper position-relative overflow-hidden"><img src="/_resources/images/news-image-sm-4.png" alt="SOCJ Graduate Students Present" class="img-fluid w-100"><div class="news-corner-arrow-wrapper" aria-hidden="true">
                                             <div class="news-corner-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="news-arrow-icon" aria-hidden="true" focusable="false">
                                                   <defs>
                                                      <clipPath id="clip-triangle">
                                                         <polygon points="0,100 100,100 100,0"/>
                                                      </clipPath>
                                                   </defs>
                                                   <g clip-path="url(#clip-triangle)">
                                                      <polygon points="0,100 100,100 100,0" fill="#990000"/>
                                                      <path d="M60,70h24" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M72,58l12,12-12,12" fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
                                                      <path d="M0,100 L100,0" fill="none" stroke="#ffffff" stroke-width="3" stroke-miterlimit="10"/>
                                                   </g></svg></div>
                                          </div>
                                       </div>
                                       <div class="news-card-caption"><span id="mobile-card4-caption">SOCJ Graduate Students Present</span></div></a></div>
                              </article>
                           </div>
                        </div>
                     </div>
                     <div class="d-flex justify-content-center mt-4"><a href="#" target="_blank" class="btn btn-see-all" aria-label="View all news stories">See All Stories</a></div>
                  </div>
               </div>
            </div>
         </section> 
         
         
         	
         <div class="divider divider-24 gradient-specialty-deep-blue-green" role="presentation"></div>
          
         
         <section class="belong-section" aria-labelledby="belong-title">
            
            <div class="belong-header-bar">
               
               <h2 id="belong-title" class="belong-title">You Belong Here</h2>
               </div>
            
            <div class="belong-subtitle">
               
               <h3 id="belong-subtitle">See why the brightest minds choose Stony Brook</h3>
               </div>
            <!-- Mobile intro text (visible only xs) -->
            
            <div class="belong-mobile-intro d-sm-none">
               
               <p class="belong-intro-text" aria-label="Introduction">START YOUR SUCCESS STORY AT STONY BROOK, NEW YORK'S FLAGSHIP AND NO. 1 PUBLIC UNIVERSITY</p>
               </div>
            <!-- Desktop/Tablet Layout (576px and up) -->
            
            <div class="section-content-wrapper d-none d-sm-block">
               
               <div class="belong-grid" role="list"><!-- Existing grid items -->
                  
                  <div class="belong-grid-item intro" role="listitem">
                     
                     <p class="belong-intro-text" aria-label="Introduction">START YOUR<br>SUCCESS STORY AT<br>STONY BROOK,<br>NEW YORK'S FLAGSHIP<br>AND NO. 1 PUBLIC<br>UNIVERSITY</p>
                     </div>
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/girl-playing-flute.png" alt="Student playing flute in a practice room"></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat bright-red" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of alumni" data-target="250000">250,000+</span> <span class="stat-label">alumni worldwide</span></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat navy" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Public university in the nation" data-target="26">#26</span> <span class="stat-label">public university in the nation</span></div>
                     </div>
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/cheerleaders-celebrating.png" alt="Cheerleaders celebrating"></div>
                     </div>
                  <!-- Row 2: Items 6-10 -->
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/students-locking-bike.png" alt="Students locking bike"></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat turquoise" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of fields of study" data-target="300">Over 300</span> <span class="stat-label">fields of study</span></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat red" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of alumni" data-target="250000">250,000+</span> <span class="stat-label">alumni worldwide</span></div>
                     </div>
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/students-in-lab.png" alt="Students in laboratory"></div>
                     </div>
                  
                  <div class="belong-grid-item facts-button" role="listitem"><a class="btn btn-facts" href="https://web-test.stonybrook.edu/facts-and-rankings" aria-label="View all Stony Brook facts and rankings"> <span class="btn-text">VIEW ALL<br>FACTS &amp;<br>RANKINGS</span> </a></div>
                  </div>
               </div>
            <!-- Mobile Layout (below 576px) -->
            
            <div class="belong-mobile-grid d-block d-sm-none" role="list"><!-- Row 1: Flute player | Red stat -->
               
               <div class="belong-grid-row">
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/girl-playing-flute.png" alt="Student playing flute in a practice room"></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat bright-red" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of alumni" data-target="250000">250,000+</span> <span class="stat-label">alumni worldwide</span></div>
                     </div>
                  </div>
               <!-- Row 2: Navy stat | Cheerleaders -->
               
               <div class="belong-grid-row">
                  
                  <div class="belong-grid-item belong-stat navy" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Public university in the nation" data-target="26">#26</span> <span class="stat-label">public university in the nation</span></div>
                     </div>
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/cheerleaders-celebrating.png" alt="Cheerleaders celebrating"></div>
                     </div>
                  </div>
               <!-- Row 3: Bike | Turquoise stat -->
               
               <div class="belong-grid-row">
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/students-locking-bike.png" alt="Students locking bike"></div>
                     </div>
                  
                  <div class="belong-grid-item belong-stat turquoise" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of fields of study" data-target="300">Over 300</span> <span class="stat-label">fields of study</span></div>
                     </div>
                  </div>
               <!-- Row 4: Red stat | Lab students -->
               
               <div class="belong-grid-row">
                  
                  <div class="belong-grid-item belong-stat red" role="listitem">
                     
                     <div class="stat-content"><span class="stat-number" aria-label="Number of alumni" data-target="250000">250,000+</span> <span class="stat-label">alumni worldwide</span></div>
                     </div>
                  
                  <div class="belong-grid-item" role="listitem">
                     
                     <div class="image-wrapper"><img class="belong-image" src="https://web-test.stonybrook.edu/_resources/images/students-in-lab.png" alt="Students in laboratory"></div>
                     </div>
                  </div>
               <!-- Button row (centered) -->
               
               <div class="belong-grid-row button-row">
                  
                  <div class="belong-grid-item facts-button" role="listitem"><a class="btn btn-facts" href="https://web-test.stonybrook.edu/facts-and-rankings" aria-label="View all Stony Brook facts and rankings"> <span class="btn-text">VIEW ALL<br>FACTS &amp;<br>RANKINGS</span> </a></div>
                  </div>
               </div>
            </section>
         
         <section class="path-section" aria-labelledby="path-heading">
            <div class="section-content-wrapper">
               <div class="divider divider-8 gradient-specialty-deep-blue-green" aria-hidden="true"></div>
               <div class="row justify-content-center">
                  <div class="col-12 text-center">
                     <h2 id="path-heading" class="path-heading animate-on-scroll fade-up">Choose the Path to Your Future</h2>
                     <h3 data-delay="200" class="path-subheading animate-on-scroll fade-up">Push boundaries, challenge assumptions, and redefine what's possible</h3>
                  </div>
               </div>
               <div class="row path-cards mt-5">
                  <div class="col-sm-4 col-md-4 col-lg-3 path-card animate-on-scroll fade-right" data-delay="300"><a href="###" target="_blank" class="card" aria-label="Undergraduate">
                        <div class="card-img-container"><img src="/_resources/images/path-female-student-in-lab.png" class="card-img-top" alt="Female undergraduate student conducting research in a laboratory setting"></div>
                        <div class="card-title-wrapper">
                           <h4 class="card-title">Undergraduate</h4>
                        </div>
                        <div class="card-body">
                           <p class="card-text">Suspendisse quis laoreet tortor. Sed sodales enim eu nunc pharetra rutrum. Nam porta
                              nulla non risus porta imperdiet.</p>
                        </div></a></div>
                  <div class="col-sm-4 col-md-4 col-lg-3 path-card animate-on-scroll fade-right" data-delay="300"><a href="#/" target="_blank" class="card" aria-label="Graduate">
                        <div class="card-img-container"><img src="/_resources/images/path-3-students-collaborating.png" class="card-img-top" alt="Three graduate students working together on a research project"></div>
                        <div class="card-title-wrapper">
                           <h4 class="card-title">Graduate</h4>
                        </div>
                        <div class="card-body">
                           <p class="card-text">Suspendisse quis laoreet tortor. Sed sodales enim eu nunc pharetra rutrum. Nam porta
                              nulla non risus porta imperdiet.</p>
                        </div></a></div>
                  <div class="col-sm-4 col-md-4 col-lg-3 path-card animate-on-scroll fade-right" data-delay="300"><a href="##" target="_blank" class="card" aria-label="Professional Dev.">
                        <div class="card-img-container"><img src="/_resources/images/path-student-at-laptop.png" class="card-img-top" alt="Student working on a laptop in a modern learning environment"></div>
                        <div class="card-title-wrapper">
                           <h4 class="card-title">Professional Dev.</h4>
                        </div>
                        <div class="card-body">
                           <p class="card-text">Suspendisse quis laoreet tortor. Sed sodales enim eu nunc pharetra rutrum. Nam porta
                              nulla non risus porta imperdiet.</p>
                        </div></a></div>
                  <div class="col-12 col-md-12 col-lg-3 path-buttons animate-on-scroll fade-left" data-delay="600">
                     <div class="button-wrapper"><button class="path-button majors-minors" aria-label="Major &amp; Minors"><span>MAJOR &amp; MINORS</span></button><button class="path-button schedule-tour" aria-label="Schedule a Tour"><span>SCHEDULE A TOUR</span></button><button class="path-button apply-now" aria-label="Apply Now"><span>APPLY NOW</span></button></div>
                  </div>
               </div>
            </div>
         </section> 
         
         
         <section class="calendar-section">
            <div class="container-fluid">
               <div class="calendar-section__header">
                  <h2>What's Going On</h2>
                  <h3>There's always something interesting happening at The Brook</h3>
               </div>
               <div class="row">
                  <div class="col-lg-6 col-md-6">
                     <div class="row calendar-inner-row"><h3>Nothing matching that URL</h3>                        <div class="col-md-7 calendar-section__content-col">
                           <div class="calendar-section__countdown">
                              <div class="countdown-item" aria-label="00 Days">
                                 <div class="number">00</div>
                                 <div class="label">DAYS</div>
                              </div>
                              <div class="countdown-item" aria-label="04 Hours">
                                 <div class="number">00</div>
                                 <div class="label">HOURS</div>
                              </div>
                              <div class="countdown-item" aria-label="31 Minutes">
                                 <div class="number">00</div>
                                 <div class="label">MINS</div>
                              </div>
                              <div class="countdown-item" aria-label="19 Seconds">
                                 <div class="number">00</div>
                                 <div class="label">SECS</div>
                              </div>
                           </div>
                           <div class="calendar-section__save-date"><h3>Nothing matching that URL</h3></div>
                           <div class="calendar-section__buttons"><a href="##" target="_blank" class="btn btn-global btn-global--white-transparent-black-hover">Learn More</a><a href="#" target="_blank" class="btn btn-global btn-global--white-transparent-black-hover">Register</a></div>
                        </div>
                     </div>
                  </div>
                  <div class="col-lg-6 col-md-6">
                     <div class="calendar-section__events">
                        <div class="row calendar-inner-row"><div class="col-6 calendar-section__events-col calendar-section__events-col--left">	<ul class="calendar-section__events-list"><li class="calendar-section__events-item">	<div class="date" aria-label="August 6">		<div class="day">06</div>		<div class="month">Aug</div>	</div>	<div class="content">	<p>Pollock-Krasner House and Study Center: Family Tour and  Drip Painting Workshops</p>	</div></li><li class="calendar-section__events-item">	<div class="date" aria-label="August 9">		<div class="day">09</div>		<div class="month">Aug</div>	</div>	<div class="content">	<p>Pollock-Krasner House and Study Center: Family Tour and  Drip Painting Workshops</p>	</div></li>	</ul></div></div>
                        <div class="calendar-section__buttons"><a href="/events" target="_blank" class="btn btn-global btn-global--white-transparent-black-hover">See All Events</a></div>
                     </div>
                  </div>
               </div>
            </div>
         </section> 
         
         
         <section class="sb-campuslife-section" aria-label="Campus Life Navigation">
            <div class="section-content-wrapper">
               <h2 class="visually-hidden">Campus Life</h2>
               <div class="top-row" role="list">
                  <div class="sb-campuslife-circle" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/studentlife/" target="_blank" aria-label="Student Life">
                        <div class="sb-campuslife-container"><img src="/_resources/images/circle-button-student-life.jpg" alt="This is an alternate"><div class="sb-campuslife-gradient" aria-hidden="true"></div>
                           <div class="sb-campuslife-title">STUDENT LIFE</div>
                        </div></a></div>
                  <div class="sb-campuslife-circle" role="listitem"><a href="https://www.stonybrook.edu/campus-life/arts-and-culture/" target="_blank" aria-label="Arts &amp; Culture">
                        <div class="sb-campuslife-container"><img src="/_resources/images/circle-button-arts-culture.jpg" alt="Woman painting"><div class="sb-campuslife-gradient" aria-hidden="true"></div>
                           <div class="sb-campuslife-title">ARTS &amp; CULTURE</div>
                        </div></a></div>
               </div>
               <div class="bottom-row" role="list">
                  <div class="sb-campuslife-circle" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/health-wellness/" target="_blank" aria-label="Health &amp; Safety">
                        <div class="sb-campuslife-container"><img src="/_resources/images/circle-button-health-safety.jpg" alt="Student in the lab"><div class="sb-campuslife-gradient" aria-hidden="true"></div>
                           <div class="sb-campuslife-title">HEALTH &amp; SAFETY</div>
                        </div></a></div>
                  <div class="sb-campuslife-circle" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/sac/get_involved.php" target="_blank" aria-label="Student Involvement">
                        <div class="sb-campuslife-container"><img src="/_resources/images/circle-button-student-involvement.jpg" alt="Two students running in the park"><div class="sb-campuslife-gradient" aria-hidden="true"></div>
                           <div class="sb-campuslife-title">STUDENT INVOLVEMENT</div>
                        </div></a></div>
                  <div class="sb-campuslife-circle sb-explore-circle" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/stu/" target="_blank" aria-label="ExploreCampus Life">
                        <div class="sb-campuslife-container">
                           <div class="sb-campuslife-title explore">
                              <div class="text-container">
                                 <div class="explore-line">EXPLORE <img class="arrow-img" src="/_resources/images/campus-life-arrow.svg" alt="arrow" aria-hidden="true"></div>
                                 <div class="campus-line">CAMPUS LIFE</div>
                              </div>
                           </div>
                        </div></a></div>
               </div>
            </div>
         </section>
         <section class="sb-campuslife-mobile" aria-label="Campus Life Navigation for Mobile Devices">
            <h2 class="visually-hidden">Campus Life</h2>
            <div role="list" class="mobile-row">
               <div class="sb-circle-mobile" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/studentlife/" target="_blank" aria-label="Student Life">
                     <div class="sb-circle-container-mobile"><img src="/_resources/images/circle-button-student-life.jpg" alt=""><div class="sb-circle-gradient-mobile" aria-hidden="true"></div>
                        <div class="sb-circle-title-mobile">STUDENT LIFE</div>
                     </div></a></div>
               <div class="sb-circle-mobile" role="listitem"><a href="https://www.stonybrook.edu/campus-life/arts-and-culture/" target="_blank" aria-label="Arts &amp; Culture">
                     <div class="sb-circle-container-mobile"><img src="/_resources/images/circle-button-arts-culture.jpg" alt=""><div class="sb-circle-gradient-mobile" aria-hidden="true"></div>
                        <div class="sb-circle-title-mobile">ARTS &amp; CULTURE</div>
                     </div></a></div>
            </div>
            <div role="list" class="mobile-row">
               <div class="sb-circle-mobile" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/health-wellness/" target="_blank" aria-label="Health &amp; Safety">
                     <div class="sb-circle-container-mobile"><img src="/_resources/images/circle-button-health-safety.jpg" alt=""><div class="sb-circle-gradient-mobile" aria-hidden="true"></div>
                        <div class="sb-circle-title-mobile">HEALTH &amp; SAFETY</div>
                     </div></a></div>
               <div class="sb-circle-mobile" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/sac/get_involved.php" target="_blank" aria-label="Student Involvement">
                     <div class="sb-circle-container-mobile"><img src="/_resources/images/circle-button-student-involvement.jpg" alt=""><div class="sb-circle-gradient-mobile" aria-hidden="true"></div>
                        <div class="sb-circle-title-mobile">STUDENT INVOLVEMENT</div>
                     </div></a></div>
            </div>
            <div role="list" class="mobile-row">
               <div class="sb-circle-mobile sb-explore-circle-mobile" role="listitem"><a href="https://www.stonybrook.edu/commcms/studentaffairs/stu/" target="_blank" aria-label="ExploreCampus Life">
                     <div class="sb-circle-container-mobile">
                        <div class="sb-circle-title-mobile">
                           <div class="text-container-mobile">
                              <div class="explore-line-mobile">EXPLORE <img class="arrow-img-mobile" src="/_resources/images/campus-life-arrow.svg" alt="mobile arrow" aria-hidden="true"></div>
                              <div class="campus-line-mobile">CAMPUS LIFE</div>
                           </div>
                        </div>
                     </div></a></div>
            </div>
         </section>
         
         
         	
         <div class="divider divider-24 gradient-specialty-deep-blue-green" role="presentation"></div>
          
         
         
         <section class="sb-hp-carousel-wrapper" aria-label="Meet Our Seawolves Carousel">
            <div class="sb-hp-carousel-intro">
               <h2 class="sb-hp-carousel-title">Meet Our Seawolves</h2>
               <h3 class="sb-hp-carousel-subtitle">Meet the innovators, change-makers, and visionaries shaping tomorrow</h3>
            </div>
            <div class="sb-hp-carousel slick-carousel" role="region" aria-roledescription="carousel">
               <div class="sb-hp-carousel-item">
                  <div class="sb-hp-carousel-inner">
                     <div class="sb-hp-carousel-image"><img src="/_resources/images/hp-carousel-placeholder-image.jpg" alt="./ikmagealt" loading="lazy"></div>
                     <div class="sb-hp-carousel-content">
                        <h4 class="sb-hp-carousel-name">Name</h4>
                        <p class="sb-hp-carousel-text">Donec ac tempor ipsum, sit amet pellentesque augue. Curabitur vel ante suscipit, dapibus
                           justo sed, dapibus mi. Proin non ullamcorper metus. Vestibulum non porttitor turpis,
                           sit.</p><a href="###" target="_blank" class="sb-hp-carousel-link" aria-label="Learn More">Learn More</a></div>
                  </div>
               </div>
               <div class="sb-hp-carousel-item">
                  <div class="sb-hp-carousel-inner">
                     <div class="sb-hp-carousel-image"><img src="/_resources/images/hp-carousel-placeholder-image.jpg" alt="./ikmagealt" loading="lazy"></div>
                     <div class="sb-hp-carousel-content">
                        <h1 class="sb-hp-carousel-name">Another Name</h1>
                        <p class="sb-hp-carousel-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt
                           ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p><a href="##" target="_blank" class="sb-hp-carousel-link" aria-label="Learn More">Learn More</a></div>
                  </div>
               </div>
               <div class="sb-hp-carousel-item">
                  <div class="sb-hp-carousel-inner">
                     <div class="sb-hp-carousel-image"><img src="/_resources/images/hp-carousel-placeholder-image.jpg" alt="./ikmagealt" loading="lazy"></div>
                     <div class="sb-hp-carousel-content">
                        <h1 class="sb-hp-carousel-name">Another Name</h1>
                        <p class="sb-hp-carousel-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt
                           ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p><a href="#" target="_blank" class="sb-hp-carousel-link" aria-label="Learn More">Learn More</a></div>
                  </div>
               </div>
               <div class="sb-hp-carousel-item">
                  <div class="sb-hp-carousel-inner">
                     <div class="sb-hp-carousel-image"><img src="/_resources/images/hp-carousel-placeholder-image.jpg" alt="./ikmagealt" loading="lazy"></div>
                     <div class="sb-hp-carousel-content">
                        <h1 class="sb-hp-carousel-name">Another Name</h1>
                        <p class="sb-hp-carousel-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt
                           ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p><a href="#/" target="_blank" class="sb-hp-carousel-link" aria-label="Learn More">Learn More</a></div>
                  </div>
               </div>
               <div class="sb-hp-carousel-item">
                  <div class="sb-hp-carousel-inner">
                     <div class="sb-hp-carousel-image"><img src="/_resources/images/hp-carousel-placeholder-image.jpg" alt="./ikmagealt" loading="lazy"></div>
                     <div class="sb-hp-carousel-content">
                        <h1 class="sb-hp-carousel-name">Another Name</h1>
                        <p class="sb-hp-carousel-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt
                           ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p><a href="####" target="_blank" class="sb-hp-carousel-link" aria-label="Learn More">Learn More</a></div>
                  </div>
               </div>
            </div>
         </section>
      </main>
      <div class="divider divider-24 gradient-specialty-deep-blue-green"></div><footer class="sb-footer">
   <div class="section-content-wrapper">
      <div class="sb-footer-cta-row d-flex flex-wrap align-items-center justify-content-start mb-5">
         <h2 class="sb-footer-heading mb-0">Want to learn more about SBU?</h2><a class="btn sb-footer-cta" title="Request Information" href="#/">Request Information</a></div>
      <div class="row gy-5 align-items-start">
         <div class="col-12 col-md-8">
            <div class="row gy-4">
               <div class="col-12 col-sm-6 col-md-6 col-lg-3">
                  <h3 class="sb-footer-title">About SBU</h3>
                  <ul class="sb-footer-links">
                     <li><a href="#" target="_blank" rel="noopener">Contact</a></li>
                     <li><a href="#">Fast Facts</a></li>
                     <li><a href="#" title="News">News</a></li>
                     <li><a href="#">For Media</a></li>
                     <li><a href="#">Careers</a></li>
                  </ul>
               </div>
               <div class="col-12 col-sm-6 col-md-6 col-lg-3">
                  <h3 class="sb-footer-title">Education</h3>
                  <ul class="sb-footer-links">
                     <li><a href="#">Majors &amp; Minors</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Colleges &amp; Schools</a></li>
                     <li><a href="#" target="_blank" rel="noopener">University Catalogs</a></li>
                     <li><a href="#">Brightspace</a></li>
                     <li><a href="#" title="Careers">Careers</a></li>
                  </ul>
               </div>
               <div class="col-12 col-sm-6 col-md-6 col-lg-3">
                  <h3 class="sb-footer-title">Resources</h3>
                  <ul class="sb-footer-links">
                     <li><a href="#" title="Academic Calendar">Academic Calendar</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Undergraduate Bulletin</a></li>
                     <li><a href="#">Graduate Bulletin</a></li>
                     <li><a href="#">Health Sciences Bulletin</a></li>
                     <li><a href="#" target="_blank" rel="noopener">Libraries</a></li>
                  </ul>
               </div>
               <div class="col-12 col-sm-6 col-md-6 col-lg-3">
                  <h3 class="sb-footer-title">Find</h3>
                  <ul class="sb-footer-links">
                     <li><a href="#">People Directory</a></li>
                     <li><a href="#">A–Z Web Directory</a></li>
                     <li><a href="#">Calendars</a></li>
                     <li><a href="#" title="Jobs">Jobs</a></li>
                     <li><a href="#">Maps &amp; Directions</a></li>
                     <li><a href="#">Parking</a></li>
                  </ul>
               </div>
            </div>
         </div>
         <div class="col-12 col-md-4 d-flex justify-content-end sb-footer-logo-col">
            <div class="footer-brand text-center"><img src="/_resources/images/sb-logo-horizontal.png" alt="footer-logo" class="sb-footer-logo mb-2"><div class="sb-footer-social"><span class="follow-label">Follow Us</span><ul class="list-inline mt-2">
                     <li class="list-inline-item"><a href="https://www.facebook.com" aria-label="Facebook"><svg xmlns="http://www.w3.org/2000/svg" role="img" focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                              <title>Facebook</title>
                              <path fill="currentColor" d="M12 0C5.37264 0 0 5.37264 0 12C0 17.6275 3.87456 22.3498 9.10128 23.6467V15.6672H6.62688V12H9.10128V10.4198C9.10128 6.33552 10.9498 4.4424 14.9597 4.4424C15.72 4.4424 17.0318 4.59168 17.5685 4.74048V8.06448C17.2853 8.03472 16.7933 8.01984 16.1822 8.01984C14.2147 8.01984 13.4544 8.76528 13.4544 10.703V12H17.3741L16.7006 15.6672H13.4544V23.9122C19.3963 23.1946 24.0005 18.1354 24.0005 12C24 5.37264 18.6274 0 12 0Z"/></svg></a></li>
                     <li class="list-inline-item"><a href="https://www.instagram.com" aria-label="Instagram"><svg xmlns="http://www.w3.org/2000/svg" role="img" focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                              <title>Instagram</title>
                              <g clip-path="url(#clip0)">
                                 <path fill="currentColor" d="M12 2.16094C15.2063 2.16094 15.5859 2.175 16.8469 2.23125C18.0188 2.28281 18.6516 2.47969 19.0734 2.64375C19.6313 2.85938 20.0344 3.12188 20.4516 3.53906C20.8734 3.96094 21.1313 4.35938 21.3469 4.91719C21.5109 5.33906 21.7078 5.97656 21.7594 7.14375C21.8156 8.40937 21.8297 8.78906 21.8297 11.9906C21.8297 15.1969 21.8156 15.5766 21.7594 16.8375C21.7078 18.0094 21.5109 18.6422 21.3469 19.0641C21.1313 19.6219 20.8687 20.025 20.4516 20.4422C20.0297 20.8641 19.6313 21.1219 19.0734 21.3375C18.6516 21.5016 18.0141 21.6984 16.8469 21.75C15.5813 21.8062 15.2016 21.8203 12 21.8203C8.79375 21.8203 8.41406 21.8062 7.15313 21.75C5.98125 21.6984 5.34844 21.5016 4.92656 21.3375C4.36875 21.1219 3.96563 20.8594 3.54844 20.4422C3.12656 20.0203 2.86875 19.6219 2.65313 19.0641C2.48906 18.6422 2.29219 18.0047 2.24063 16.8375C2.18438 15.5719 2.17031 15.1922 2.17031 11.9906C2.17031 8.78438 2.18438 8.40469 2.24063 7.14375C2.29219 5.97187 2.48906 5.33906 2.65313 4.91719C2.86875 4.35938 3.13125 3.95625 3.54844 3.53906C3.97031 3.11719 4.36875 2.85938 4.92656 2.64375C5.34844 2.47969 5.98594 2.28281 7.15313 2.23125C8.41406 2.175 8.79375 2.16094 12 2.16094ZM12 0C8.74219 0 8.33438 0.0140625 7.05469 0.0703125C5.77969 0.126563 4.90313 0.332812 4.14375 0.628125C3.35156 0.9375 2.68125 1.34531 2.01563 2.01562C1.34531 2.68125 0.9375 3.35156 0.628125 4.13906C0.332812 4.90313 0.126563 5.775 0.0703125 7.05C0.0140625 8.33437 0 8.74219 0 12C0 15.2578 0.0140625 15.6656 0.0703125 16.9453C0.126563 18.2203 0.332812 19.0969 0.628125 19.8563C0.9375 20.6484 1.34531 21.3188 2.01563 21.9844C2.68125 22.65 3.35156 23.0625 4.13906 23.3672C4.90313 23.6625 5.775 23.8687 7.05 23.925C8.32969 23.9812 8.7375 23.9953 11.9953 23.9953C15.2531 23.9953 15.6609 23.9812 16.9406 23.925C18.2156 23.8687 19.0922 23.6625 19.8516 23.3672C20.6391 23.0625 21.3094 22.65 21.975 21.9844C22.6406 21.3188 23.0531 20.6484 23.3578 19.8609C23.6531 19.0969 23.8594 18.225 23.9156 16.95C23.9719 15.6703 23.9859 15.2625 23.9859 12.0047C23.9859 8.74688 23.9719 8.33906 23.9156 7.05938C23.8594 5.78438 23.6531 4.90781 23.3578 4.14844C23.0625 3.35156 22.6547 2.68125 21.9844 2.01562C21.3188 1.35 20.6484 0.9375 19.8609 0.632812C19.0969 0.3375 18.225 0.13125 16.95 0.075C15.6656 0.0140625 15.2578 0 12 0Z"/>
                                 <path fill="currentColor" d="M12 5.83594C8.59688 5.83594 5.83594 8.59688 5.83594 12C5.83594 15.4031 8.59688 18.1641 12 18.1641C15.4031 18.1641 18.1641 15.4031 18.1641 12C18.1641 8.59688 15.4031 5.83594 12 5.83594ZM12 15.9984C9.79219 15.9984 8.00156 14.2078 8.00156 12C8.00156 9.79219 9.79219 8.00156 12 8.00156C14.2078 8.00156 15.9984 9.79219 15.9984 12C15.9984 14.2078 14.2078 15.9984 12 15.9984Z"/>
                                 <path fill="currentColor" d="M19.8469 5.59214C19.8469 6.38902 19.2 7.0312 18.4078 7.0312C17.6109 7.0312 16.9688 6.38433 16.9688 5.59214C16.9688 4.79526 17.6156 4.15308 18.4078 4.15308C19.2 4.15308 19.8469 4.79995 19.8469 5.59214Z"/>
                              </g>
                              <defs>
                                 <clipPath id="clip0">
                                    <rect width="24" height="24" fill="white"/>
                                 </clipPath>
                              </defs></svg></a></li>
                     <li class="list-inline-item"><a href="https://www.linkedin.com" aria-label="LinkedIn"><svg xmlns="http://www.w3.org/2000/svg" role="img" focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                              <title>LinkedIn</title>
                              <path fill="currentColor" d="M22.2234 0H1.77187C0.792187 0 0 0.773438 0 1.72969V22.2656C0 23.2219 0.792187 24 1.77187 24H22.2234C23.2031 24 24 23.2219 24 22.2703V1.72969C24 0.773438 23.2031 0 22.2234 0ZM7.12031 20.4516H3.55781V8.99531H7.12031V20.4516ZM5.33906 7.43438C4.19531 7.43438 3.27188 6.51094 3.27188 5.37187C3.27188 4.23281 4.19531 3.30937 5.33906 3.30937C6.47813 3.30937 7.40156 4.23281 7.40156 5.37187C7.40156 6.50625 6.47813 7.43438 5.33906 7.43438ZM20.4516 20.4516H16.8937V14.8828C16.8937 13.5562 16.8703 11.8453 15.0422 11.8453C13.1906 11.8453 12.9094 13.2937 12.9094 14.7891V20.4516H9.35625V8.99531H12.7687V10.5609H12.8156C13.2891 9.66094 14.4516 8.70938 16.1813 8.70938C19.7859 8.70938 20.4516 11.0813 20.4516 14.1656V20.4516Z"/></svg></a></li>
                     <li class="list-inline-item"><a href="https://www.x.com" aria-label="X"><svg xmlns="http://www.w3.org/2000/svg" role="img" focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                              <title>X (Twitter)</title>
                              <path fill="currentColor" d="M18.3263 1.9039H21.6998L14.3297 10.3274L23 21.7899H16.2112L10.894 14.8379L4.80995 21.7899H1.43443L9.31743 12.78L1 1.9039H7.96111L12.7674 8.25823L18.3263 1.9039ZM17.1423 19.7707H19.0116L6.94539 3.81703H4.93946L17.1423 19.7707Z"/></svg></a></li>
                     <li class="list-inline-item"><a href="https://www.youtube.com" aria-label="YouTube"><svg xmlns="http://www.w3.org/2000/svg" role="img" focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                              <title>YouTube</title>
                              <path fill="currentColor" d="M23.7609 7.20005C23.7609 7.20005 23.5266 5.54536 22.8047 4.8188C21.8906 3.86255 20.8688 3.85786 20.4 3.80161C17.0438 3.55786 12.0047 3.55786 12.0047 3.55786H11.9953C11.9953 3.55786 6.95625 3.55786 3.6 3.80161C3.13125 3.85786 2.10938 3.86255 1.19531 4.8188C0.473438 5.54536 0.24375 7.20005 0.24375 7.20005C0.24375 7.20005 0 9.14536 0 11.086V12.9047C0 14.8454 0.239062 16.7907 0.239062 16.7907C0.239062 16.7907 0.473437 18.4454 1.19062 19.1719C2.10469 20.1282 3.30469 20.0954 3.83906 20.1985C5.76094 20.3813 12 20.4375 12 20.4375C12 20.4375 17.0438 20.4282 20.4 20.1891C20.8688 20.1329 21.8906 20.1282 22.8047 19.1719C23.5266 18.4454 23.7609 16.7907 23.7609 16.7907C23.7609 16.7907 24 14.85 24 12.9047V11.086C24 9.14536 23.7609 7.20005 23.7609 7.20005ZM9.52031 15.1125V8.36724L16.0031 11.7516L9.52031 15.1125Z"/></svg></a></li>
                  </ul>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="sb-sub-footer py-4">
   <div class="section-content-wrapper text-center small">
      <div class="sb-sub-footer-meta mb-2"><span id="directedit">©</span> 2025 Stony Brook University | 100 Nicolls Road, Stony Brook, NY 11794 | (631) 632-6000 | <a href="/contact.php">Contact</a></div>
      <div class="sb-sub-footer-links"><a href="#" target="_blank" rel="noopener">Accessibility</a> | <a href="#">Privacy Policy</a> | <a href="#">Sustainability</a> | <a title="Diversity Discrimination" href="#">Diversity Discrimination</a> | <a href="#" target="_blank" rel="noopener">Sexual Misconduct</a> | <a href="#">Accessibility Barrier</a></div>
      <div class="sb-sub-footer-disclaimer mt-2">Stony Brook University resides on the ancestral, traditional, and contemporary lands
         of the aboriginal territory of the Setauket or the Setalcott tribe. We acknowledge
         federal and state recognized tribes who live here now and those who were forcibly
         removed from their homelands. In offering this land acknowledgement, we affirm indigenous
         sovereignty, history, and experience.</div>
   </div>
</div></footer><ouc:editor wysiwyg="no"/>
<!-- Scripts -->
<script src="/_resources/js/bootstrap.bundle.min.js" defer="defer"></script>
<!-- jQuery is required for Slick Slider functionality -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<script src="/_resources/js/sb-main.js" defer="defer"></script>
<script src="/_resources/js/sb-animations.js" defer="defer"></script>
<script src="/_resources/js/vendor/slick.min.js" defer="defer"></script>
<script src="/_resources/js/sb-homepage-hero.js" defer="defer"></script>
      <div id="ou-hidden" style="display:none;"><!-- com.omniupdate.ob --><a id="de" rel="nofollow" href="https://a.cms.omniupdate.com/11/?skin=oucampus&amp;account=suny-stonybrook&amp;site=stonybrook&amp;action=de&amp;path=/_showcase/index.pcf">&copy;</a><!-- /com.omniupdate.ob --></div><script>
			if(document.getElementById("de") != null && document.getElementById("directedit")) {
				var link = document.getElementById("de").parentNode.innerHTML;
				document.getElementById("de").parentNode.innerHTML = "";
				document.getElementById("directedit").innerHTML = link.replace(/^\s+|\s+$/gm,'');
			}
		</script><!-- ouc:info uuid="efd93f71-7f25-49b8-a190-0a94b3c84449"/ --></body>
</html>
          Parameter 
          cache-control
          Solution

          For secure content, ensure the cache-control HTTP header is set with "no-cache, no-store, must-revalidate". If an asset should be cached consider setting the directives "public, max-age, immutable".

Appendix

Alert types

This section contains additional information on the types of alerts in the report.

  1. Absence of Anti-CSRF Tokens

    Source raised by a passive scanner (Absence of Anti-CSRF Tokens)
    CWE ID 352
    WASC ID 9
    Reference
    1. https://cheatsheetseries.owasp.org/cheatsheets/Cross-Site_Request_Forgery_Prevention_Cheat_Sheet.html
    2. https://cwe.mitre.org/data/definitions/352.html

  2. Content Security Policy (CSP) Header Not Set

    Source raised by a passive scanner (Content Security Policy (CSP) Header Not Set)
    CWE ID 693
    WASC ID 15
    Reference
    1. https://developer.mozilla.org/en-US/docs/Web/Security/CSP/Introducing_Content_Security_Policy
    2. https://cheatsheetseries.owasp.org/cheatsheets/Content_Security_Policy_Cheat_Sheet.html
    3. https://www.w3.org/TR/CSP/
    4. https://w3c.github.io/webappsec-csp/
    5. https://web.dev/articles/csp
    6. https://caniuse.com/#feat=contentsecuritypolicy
    7. https://content-security-policy.com/

  3. Cross-Domain JavaScript Source File Inclusion

    Source raised by a passive scanner (Cross-Domain JavaScript Source File Inclusion)
    CWE ID 829
    WASC ID 15

  4. Server Leaks Information via "X-Powered-By" HTTP Response Header Field(s)

    Source raised by a passive scanner (Server Leaks Information via "X-Powered-By" HTTP Response Header Field(s))
    CWE ID 200
    WASC ID 13
    Reference
    1. https://owasp.org/www-project-web-security-testing-guide/v42/4-Web_Application_Security_Testing/01-Information_Gathering/08-Fingerprint_Web_Application_Framework
    2. https://www.troyhunt.com/2012/02/shhh-dont-let-your-response-headers.html

  5. Strict-Transport-Security Header Not Set

    Source raised by a passive scanner (Strict-Transport-Security Header)
    CWE ID 319
    WASC ID 15
    Reference
    1. https://cheatsheetseries.owasp.org/cheatsheets/HTTP_Strict_Transport_Security_Cheat_Sheet.html
    2. https://owasp.org/www-community/Security_Headers
    3. https://en.wikipedia.org/wiki/HTTP_Strict_Transport_Security
    4. https://caniuse.com/stricttransportsecurity
    5. https://datatracker.ietf.org/doc/html/rfc6797

  6. X-Content-Type-Options Header Missing

    Source raised by a passive scanner (X-Content-Type-Options Header Missing)
    CWE ID 693
    WASC ID 15
    Reference
    1. https://learn.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/compatibility/gg622941(v=vs.85)
    2. https://owasp.org/www-community/Security_Headers

  7. Information Disclosure - Suspicious Comments

    Source raised by a passive scanner (Information Disclosure - Suspicious Comments)
    CWE ID 200
    WASC ID 13

  8. Modern Web Application

    Source raised by a passive scanner (Modern Web Application)

  9. Re-examine Cache-control Directives

    Source raised by a passive scanner (Re-examine Cache-control Directives)
    CWE ID 525
    WASC ID 13
    Reference
    1. https://cheatsheetseries.owasp.org/cheatsheets/Session_Management_Cheat_Sheet.html#web-content-caching
    2. https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Cache-Control
    3. https://grayduck.mn/2021/09/13/cache-control-recommendations/

  10. User Agent Fuzzer

    Source raised by an active scanner (User Agent Fuzzer)
    Reference
    1. https://owasp.org/wstg
©