{"id":7,"date":"2020-10-05T20:05:27","date_gmt":"2020-10-05T20:05:27","guid":{"rendered":"https:\/\/blog.stetson.edu\/faculty-engagement-new\/?page_id=7"},"modified":"2026-09-24T14:37:52","modified_gmt":"2026-09-24T14:37:52","slug":"office-of-faculty-engagement","status":"publish","type":"page","link":"https:\/\/blog.stetson.edu\/faculty-engagement\/","title":{"rendered":"Office of Faculty Engagement"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   STETSON OFFICE OF FACULTY ENGAGEMENT\n   FULL LANDING PAGE STYLES\n   ========================================================= *\/\n\n\n\/* =========================================================\n   1. DESIGN SYSTEM\n   ========================================================= *\/\n\n.ofe-home {\n  --stetson-green: #006747;\n  --stetson-green-dark: #004a34;\n  --stetson-green-deep: #002f23;\n  --stetson-green-soft: #dfece6;\n\n  --gold: #d7a52f;\n  --gold-soft: #f4e7bb;\n\n  --cream: #f3eee2;\n  --cream-light: #fbf8f1;\n\n  --white: #ffffff;\n  --ink: #16211c;\n  --muted: #5d6862;\n\n  --border: #d6ddd9;\n\n  --shadow-soft:\n    0 12px 32px rgba(0, 47, 35, 0.08);\n\n  --shadow-card:\n    0 22px 55px rgba(0, 47, 35, 0.13);\n\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n\n  overflow: hidden;\n\n  background: var(--white);\n  color: var(--ink);\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Helvetica,\n    Arial,\n    sans-serif;\n}\n\n\n\/* RESET INSIDE OFE *\/\n\n.ofe-home *,\n.ofe-home *::before,\n.ofe-home *::after {\n  box-sizing: border-box;\n}\n\n.ofe-home h1,\n.ofe-home h2,\n.ofe-home h3,\n.ofe-home p {\n  margin-top: 0;\n}\n\n.ofe-home a {\n  text-decoration: none;\n}\n\n.ofe-shell {\n  width: min(1200px, calc(100% - 52px));\n  margin-inline: auto;\n}\n\n\n\/* =========================================================\n   2. HERO\n   ========================================================= *\/\n\n.ofe-hero {\n  position: relative;\n\n  min-height: 760px;\n\n  display: flex;\n  align-items: stretch;\n\n  background: var(--stetson-green-deep);\n\n  color: var(--white);\n}\n\n\n\/* PHOTO *\/\n\n.ofe-hero-media {\n  position: absolute;\n  inset: 0;\n\n  background-image:\n    url(\"https:\/\/blog.stetson.edu\/faculty-engagement\/wp-content\/uploads\/2026\/07\/stetson-faculty-collaboration-1.jpg\");\n\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n\n  transform: scale(1.015);\n}\n\n\n\/* STRONG GREEN OVERLAY *\/\n\n.ofe-hero-shade {\n  position: absolute;\n  inset: 0;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(0, 38, 28, 0.98) 0%,\n      rgba(0, 55, 39, 0.93) 36%,\n      rgba(0, 75, 53, 0.72) 60%,\n      rgba(0, 35, 26, 0.28) 100%\n    );\n}\n\n\n\/* HERO CONTENT *\/\n\n.ofe-hero-inner {\n  position: relative;\n  z-index: 2;\n\n  min-height: 760px;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  padding-top: 120px;\n  padding-bottom: 40px;\n}\n\n.ofe-hero-copy {\n  max-width: 900px;\n}\n\n\n.ofe-kicker {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n\n  margin-bottom: 30px;\n\n  color: #d9ece4;\n\n  font-size: 20px !important;\n  font-weight: 800;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n}\n\n.ofe-kicker span {\n  display: inline-block;\n\n  width: 58px;\n  height: 3px;\n\n  background: var(--gold);\n}\n\/* HERO TITLE *\/\n\n.ofe-hero h1 {\n  max-width: 920px;\n\n  margin-bottom: 30px;\n\n  color: var(--white);\n\n  font-size: clamp(4rem, 7.2vw, 7rem);\n  font-weight: 800;\n\n  line-height: 0.92;\n  letter-spacing: -0.065em;\n}\n\n.ofe-hero h1 em {\n  display: block;\n\n  color: var(--gold-soft);\n\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-style: italic;\n  font-weight: 400;\n\n  letter-spacing: -0.04em;\n}\n\n\n\/* HERO DESCRIPTION *\/\n\n.ofe-hero-lead {\n  max-width: 820px !important;\n\n  margin-bottom: 38px;\n\n  color: rgba(255, 255, 255, 0.9);\n\n  font-size: clamp(1.5rem, 2.6vw, 2rem) !important;\n  line-height: 1.6;\n}\n\n\n\/* HERO BUTTONS *\/\n\n.ofe-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 14px;\n}\n\n.ofe-btn {\n  min-height: 56px;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  gap: 28px;\n\n  padding: 15px 24px;\n\n  border: 2px solid transparent;\n  border-radius: 3px;\n\n  font-size: 0.92rem;\n  font-weight: 750;\n\n  transition:\n    transform 0.22s ease,\n    background-color 0.22s ease,\n    color 0.22s ease,\n    border-color 0.22s ease;\n}\n\n.ofe-btn:hover {\n  transform: translateY(-3px);\n}\n\n\n\/* PRIMARY BUTTON *\/\n\n.ofe-btn-light {\n  background: var(--gold);\n\n  color: var(--stetson-green-deep) !important;\n\n  border-color: var(--gold);\n}\n\n.ofe-btn-light:hover {\n  background: var(--gold-soft);\n  border-color: var(--gold-soft);\n}\n\n\n\/* SECONDARY BUTTON *\/\n\n.ofe-btn-ghost {\n  color: var(--white) !important;\n\n  border-color: rgba(255, 255, 255, 0.7);\n\n  background: rgba(255, 255, 255, 0.05);\n}\n\n.ofe-btn-ghost:hover {\n  background: var(--white);\n\n  color: var(--stetson-green-deep) !important;\n\n  border-color: var(--white);\n}\n\n\n\/* HERO BOTTOM LABELS *\/\n\n.ofe-hero-bottom {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n\n  gap: 16px;\n\n  padding-top: 28px;\n\n  border-top: 1px solid rgba(255, 255, 255, 0.28);\n\n  color: rgba(255, 255, 255, 0.78);\n\n  font-size: 0.75rem;\n  font-weight: 800;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n}\n\n.ofe-hero-bottom span {\n  position: relative;\n}\n\n.ofe-hero-bottom span::before {\n  content: \"\";\n\n  display: inline-block;\n\n  width: 6px;\n  height: 6px;\n\n  margin-right: 9px;\n\n  border-radius: 50%;\n\n  background: var(--gold);\n}\n\n\n\/* =========================================================\n   3. GENERAL SECTION STYLING\n   ========================================================= *\/\n\n.ofe-section {\n  padding-block: 110px;\n}\n\n\n\/* SECTION LABEL *\/\n\n.ofe-label {\n  margin-bottom: 16px !important;\n\n  color: var(--stetson-green) !important;\n\n  font-size: 0.73rem !important;\n  font-weight: 850;\n\n  letter-spacing: 0.18em;\n\n  text-transform: uppercase;\n}\n\n.ofe-label-light {\n  color: var(--gold-soft) !important;\n}\n\n\n\/* HEADINGS *\/\n\n.ofe-home h2 {\n  margin-bottom: 0;\n\n  color: var(--stetson-green-deep);\n\n  font-size: clamp(2.55rem, 4.6vw, 4.6rem);\n  font-weight: 780;\n\n  line-height: 1;\n  letter-spacing: -0.055em;\n}\n\n.ofe-home h3 {\n  color: var(--stetson-green-deep);\n\n  font-size: 1.35rem;\n  font-weight: 760;\n\n  line-height: 1.22;\n  letter-spacing: -0.025em;\n}\n\n\n\/* BODY TEXT *\/\n\n.ofe-home p {\n  color: var(--muted);\n\n  font-size: 1rem;\n  line-height: 1.75;\n}\n\n\n\/* INTRO GRIDS *\/\n\n.ofe-section-intro {\n  display: grid;\n  grid-template-columns: 1.2fr 0.8fr;\n\n  gap: 70px;\n\n  align-items: end;\n\n  margin-bottom: 54px;\n}\n\n.ofe-intro-copy {\n  max-width: 470px;\n\n  margin-bottom: 4px;\n}\n\n\n\/* =========================================================\n   4. QUICK ACCESS \/ FACULTY RESOURCES\n   ========================================================= *\/\n\n.ofe-quick {\n  position: relative;\n\n  background:\n    linear-gradient(\n      135deg,\n      var(--cream-light) 0%,\n      #ffffff 100%\n    );\n}\n\n\n\/* GOLD TOP ACCENT *\/\n\n.ofe-quick::before {\n  content: \"\";\n\n  position: absolute;\n\n  top: 0;\n  left: 0;\n\n  width: 100%;\n  height: 6px;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--stetson-green) 0%,\n      var(--gold) 50%,\n      var(--stetson-green) 100%\n    );\n}\n\n\n\/* RESOURCE GRID *\/\n\n.ofe-resource-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n\n  gap: 20px;\n}\n\n\n\/* CARDS *\/\n\n.ofe-resource-card {\n  min-height: 390px;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  padding: 30px;\n\n  border: 1px solid var(--border);\n\n  border-radius: 4px;\n\n  background: var(--white);\n\n  color: var(--ink) !important;\n\n  box-shadow: var(--shadow-soft);\n\n  transition:\n    transform 0.24s ease,\n    background-color 0.24s ease,\n    box-shadow 0.24s ease,\n    border-color 0.24s ease;\n}\n\n.ofe-resource-card:hover {\n  transform: translateY(-8px);\n\n  background: var(--stetson-green);\n\n  border-color: var(--stetson-green);\n\n  box-shadow: var(--shadow-card);\n}\n\n\n\/* CARD TOP *\/\n\n.ofe-card-top {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.ofe-card-index {\n  color: var(--gold);\n\n  font-size: 0.75rem;\n  font-weight: 850;\n\n  letter-spacing: 0.16em;\n}\n\n\n\/* CARD CIRCLE *\/\n\n.ofe-card-arrow {\n  width: 42px;\n  height: 42px;\n\n  display: grid;\n  place-items: center;\n\n  border: 1px solid var(--border);\n  border-radius: 50%;\n\n  color: var(--stetson-green);\n\n  background: var(--cream-light);\n\n  transition:\n    transform 0.24s ease,\n    background-color 0.24s ease,\n    color 0.24s ease;\n}\n\n.ofe-resource-card:hover .ofe-card-arrow {\n  transform: rotate(45deg);\n\n  background: var(--gold);\n\n  color: var(--stetson-green-deep);\n\n  border-color: var(--gold);\n}\n\n\n\/* CARD TEXT *\/\n\n.ofe-resource-card h3 {\n  margin-bottom: 15px;\n\n  font-size: 1.42rem;\n}\n\n.ofe-resource-card p {\n  margin-bottom: 0;\n\n  font-size: 0.93rem;\n  line-height: 1.65;\n}\n\n.ofe-resource-card:hover h3,\n.ofe-resource-card:hover p {\n  color: var(--white);\n}\n\n.ofe-resource-card:hover .ofe-card-index {\n  color: var(--gold-soft);\n}\n\n\n\/* =========================================================\n   5. MISSION SECTION\n   ========================================================= *\/\n\n.ofe-mission {\n  position: relative;\n\n  padding-block: 125px;\n\n  background:\n    linear-gradient(\n      135deg,\n      var(--stetson-green-deep) 0%,\n      var(--stetson-green-dark) 55%,\n      var(--stetson-green) 100%\n    );\n\n  overflow: hidden;\n}\n\n\n\/* BACKGROUND DECORATION *\/\n\n.ofe-mission::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 460px;\n  height: 460px;\n\n  right: -170px;\n  bottom: -190px;\n\n  border-radius: 50%;\n\n  border: 80px solid rgba(255, 255, 255, 0.04);\n}\n\n.ofe-mission-grid {\n  position: relative;\n  z-index: 2;\n\n  display: grid;\n  grid-template-columns: 1.25fr 0.75fr;\n\n  gap: 100px;\n}\n\n\n\/* MISSION HEADING *\/\n\n.ofe-mission h2 {\n  color: var(--white);\n\n  font-size: clamp(2.9rem, 5vw, 5.2rem);\n}\n\n.ofe-mission h2 em {\n  display: block;\n\n  margin-top: 8px;\n\n  color: var(--gold-soft);\n\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-style: italic;\n  font-weight: 400;\n\n  letter-spacing: -0.04em;\n}\n\n\n\/* MISSION COPY *\/\n\n.ofe-mission-copy {\n  padding-top: 38px;\n}\n\n.ofe-mission-copy p {\n  color: rgba(255, 255, 255, 0.74);\n}\n\n.ofe-large-text {\n  color: var(--white) !important;\n\n  font-size: 1.28rem !important;\n  line-height: 1.58 !important;\n}\n\n\n\/* MISSION LINK *\/\n\n.ofe-inline-link {\n  display: inline-flex;\n\n  gap: 18px;\n\n  margin-top: 14px;\n\n  padding-bottom: 7px;\n\n  border-bottom: 2px solid var(--gold);\n\n  color: var(--white) !important;\n\n  font-size: 0.92rem;\n  font-weight: 750;\n}\n\n.ofe-inline-link span {\n  color: var(--gold);\n\n  transition: transform 0.2s ease;\n}\n\n.ofe-inline-link:hover span {\n  transform: translateX(6px);\n}\n\n\n\/* =========================================================\n   6. OPPORTUNITIES\n   ========================================================= *\/\n\n.ofe-opportunities {\n  background: var(--white);\n}\n\n\n\/* VIEW ALL *\/\n\n.ofe-view-all {\n  justify-self: end;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 12px;\n\n  padding-bottom: 7px;\n\n  border-bottom: 2px solid var(--gold);\n\n  color: var(--stetson-green) !important;\n\n  font-size: 0.9rem;\n  font-weight: 750;\n}\n\n\n\/* OPPORTUNITY LIST *\/\n\n.ofe-opportunity-list {\n  border-top: 1px solid var(--border);\n}\n\n.ofe-opportunity {\n  min-height: 170px;\n\n  display: grid;\n  grid-template-columns: 150px 1fr auto;\n\n  gap: 45px;\n\n  align-items: center;\n\n  padding: 32px 10px;\n\n  border-bottom: 1px solid var(--border);\n\n  color: var(--ink) !important;\n\n  transition:\n    padding 0.22s ease,\n    background-color 0.22s ease;\n}\n\n.ofe-opportunity:hover {\n  padding-left: 25px;\n  padding-right: 25px;\n\n  background: var(--cream-light);\n}\n\n\n\/* CATEGORY *\/\n\n.ofe-op-type {\n  color: var(--stetson-green);\n\n  font-size: 0.72rem;\n  font-weight: 850;\n\n  letter-spacing: 0.17em;\n\n  text-transform: uppercase;\n}\n\n\n\/* OPPORTUNITY TITLE *\/\n\n.ofe-opportunity h3 {\n  margin-bottom: 8px;\n\n  font-size: clamp(1.4rem, 2vw, 1.9rem);\n}\n\n.ofe-opportunity p {\n  max-width: 690px;\n\n  margin-bottom: 0;\n\n  font-size: 0.93rem;\n}\n\n\n\/* ARROW *\/\n\n.ofe-circle-arrow {\n  width: 54px;\n  height: 54px;\n\n  display: grid;\n  place-items: center;\n\n  border-radius: 50%;\n\n  border: 1px solid var(--border);\n\n  background: var(--white);\n\n  color: var(--stetson-green);\n\n  font-size: 1.1rem;\n\n  transition:\n    background-color 0.22s ease,\n    color 0.22s ease,\n    transform 0.22s ease,\n    border-color 0.22s ease;\n}\n\n.ofe-opportunity:hover .ofe-circle-arrow {\n  background: var(--stetson-green);\n\n  color: var(--white);\n\n  border-color: var(--stetson-green);\n\n  transform: translateX(6px);\n}\n\n\n\/* =========================================================\n   7. EDITORIAL STATEMENT BAND\n   ========================================================= *\/\n\n.ofe-statement {\n  position: relative;\n\n  padding-block: 72px;\n\n  overflow: hidden;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--cream) 0%,\n      var(--gold-soft) 100%\n    );\n}\n\n.ofe-statement::before {\n  content: \"\";\n\n  position: absolute;\n\n  top: 0;\n  left: 0;\n\n  width: 100%;\n  height: 5px;\n\n  background: var(--gold);\n}\n\n.ofe-statement-text {\n  margin: 0 !important;\n\n  color: var(--stetson-green-deep) !important;\n\n  font-family: Georgia, \"Times New Roman\", serif;\n\n  font-size: clamp(2.8rem, 5.7vw, 6rem) !important;\n\n  line-height: 1.02 !important;\n\n  letter-spacing: -0.045em;\n}\n\n.ofe-statement-text span {\n  color: var(--stetson-green);\n\n  font-style: italic;\n}\n\n\n\/* =========================================================\n   8. NEWS\n   ========================================================= *\/\n\n.ofe-news {\n  background:\n    linear-gradient(\n      180deg,\n      var(--cream-light) 0%,\n      var(--white) 100%\n    );\n}\n\n\n\/* NEWS GRID *\/\n\n.ofe-news-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n\n  gap: 26px;\n}\n\n\n\/* STORY CARD *\/\n\n.ofe-story {\n  overflow: hidden;\n\n  border: 1px solid var(--border);\n  border-radius: 4px;\n\n  background: var(--white);\n\n  color: var(--ink) !important;\n\n  box-shadow: var(--shadow-soft);\n\n  transition:\n    transform 0.24s ease,\n    box-shadow 0.24s ease;\n}\n\n.ofe-story:hover {\n  transform: translateY(-8px);\n\n  box-shadow: var(--shadow-card);\n}\n\n\n\/* STORY IMAGE *\/\n\n.ofe-story-image,\n.ofe-story-placeholder {\n  width: 100%;\n  height: 260px;\n\n  object-fit: cover;\n}\n\n\n\/* FALLBACK VISUAL *\/\n\n.ofe-story-placeholder {\n  position: relative;\n\n  display: flex;\n  align-items: flex-end;\n\n  padding: 26px;\n\n  overflow: hidden;\n\n  background:\n    linear-gradient(\n      135deg,\n      var(--stetson-green) 0%,\n      var(--stetson-green-deep) 100%\n    );\n\n  color: var(--gold-soft);\n\n  font-family: Georgia, \"Times New Roman\", serif;\n\n  font-size: 2.7rem;\n}\n\n.ofe-story-placeholder::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 180px;\n  height: 180px;\n\n  top: -55px;\n  right: -45px;\n\n  border: 36px solid rgba(255, 255, 255, 0.07);\n\n  border-radius: 50%;\n}\n\n.ofe-story-placeholder span {\n  position: relative;\n  z-index: 2;\n}\n\n\n\/* STORY BODY *\/\n\n.ofe-story-body {\n  padding: 28px 28px 32px;\n}\n\n\n\/* STORY META *\/\n\n.ofe-story-meta {\n  margin-bottom: 16px !important;\n\n  color: var(--stetson-green) !important;\n\n  font-size: 0.69rem !important;\n  font-weight: 850;\n\n  letter-spacing: 0.16em;\n\n  text-transform: uppercase;\n}\n\n\n\/* STORY TITLE *\/\n\n.ofe-story h3 {\n  margin-bottom: 14px;\n\n  font-size: 1.48rem;\n}\n\n.ofe-story-body > p:not(.ofe-story-meta) {\n  font-size: 0.92rem;\n}\n\n\n\/* STORY LINK *\/\n\n.ofe-story-link {\n  display: inline-block;\n\n  margin-top: 8px;\n\n  color: var(--stetson-green);\n\n  font-size: 0.88rem;\n  font-weight: 760;\n}\n\n\n\/* =========================================================\n   9. FINAL CTA\n   ========================================================= *\/\n\n.ofe-contact {\n  position: relative;\n\n  padding-block: 110px;\n\n  overflow: hidden;\n\n  background:\n    linear-gradient(\n      135deg,\n      var(--stetson-green) 0%,\n      var(--stetson-green-dark) 70%,\n      var(--stetson-green-deep) 100%\n    );\n}\n\n\n\/* GOLD DECORATION *\/\n\n.ofe-contact::before {\n  content: \"\";\n\n  position: absolute;\n\n  top: 0;\n  left: 0;\n\n  width: 100%;\n  height: 6px;\n\n  background: var(--gold);\n}\n\n.ofe-contact::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 480px;\n  height: 480px;\n\n  right: -180px;\n  top: -170px;\n\n  border: 80px solid rgba(255, 255, 255, 0.04);\n\n  border-radius: 50%;\n}\n\n.ofe-contact-inner {\n  position: relative;\n  z-index: 2;\n\n  display: grid;\n  grid-template-columns: 1.2fr 0.8fr;\n\n  gap: 100px;\n\n  align-items: end;\n}\n\n\n\/* CTA TITLE *\/\n\n.ofe-contact h2 {\n  color: var(--white);\n}\n\n.ofe-contact h2 em {\n  display: block;\n\n  color: var(--gold-soft);\n\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-style: italic;\n  font-weight: 400;\n}\n\n\n\/* CTA COPY *\/\n\n.ofe-contact-action p {\n  margin-bottom: 28px;\n\n  color: rgba(255, 255, 255, 0.78);\n}\n\n\n\/* CTA BUTTON OVERRIDE *\/\n\n.ofe-contact .ofe-btn-light {\n  background: var(--gold);\n\n  color: var(--stetson-green-deep) !important;\n}\n\n.ofe-contact .ofe-btn-light:hover {\n  background: var(--white);\n}\n\n\n\/* =========================================================\n   10. ACCESSIBILITY\n   ========================================================= *\/\n\n.ofe-home a:focus-visible {\n  outline: 3px solid var(--gold);\n  outline-offset: 5px;\n}\n\n\n\/* =========================================================\n   11. SCROLL ANIMATIONS\n   ========================================================= *\/\n\n.ofe-js .ofe-reveal {\n  opacity: 0;\n\n  transform: translateY(28px);\n\n  transition:\n    opacity 0.72s cubic-bezier(0.2, 0.7, 0.2, 1),\n    transform 0.72s cubic-bezier(0.2, 0.7, 0.2, 1);\n}\n\n.ofe-js .ofe-reveal.ofe-visible {\n  opacity: 1;\n\n  transform: translateY(0);\n}\n\n\n\/* =========================================================\n   12. TABLET\n   ========================================================= *\/\n\n@media (max-width: 1020px) {\n\n  .ofe-resource-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .ofe-mission-grid,\n  .ofe-contact-inner {\n    grid-template-columns: 1fr;\n\n    gap: 50px;\n  }\n\n  .ofe-mission-copy {\n    max-width: 700px;\n\n    padding-top: 0;\n  }\n\n  .ofe-news-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .ofe-story:last-child {\n    grid-column: 1 \/ -1;\n  }\n\n}\n\n\n\/* =========================================================\n   13. MOBILE\n   ========================================================= *\/\n\n@media (max-width: 700px) {\n\n  .ofe-shell {\n    width: min(100% - 30px, 1200px);\n  }\n\n\n  \/* HERO *\/\n\n  .ofe-hero,\n  .ofe-hero-inner {\n    min-height: 700px;\n  }\n\n  .ofe-hero-inner {\n    padding-top: 80px;\n    padding-bottom: 28px;\n  }\n\n  .ofe-hero-media {\n    background-position: 62% center;\n  }\n\n  .ofe-hero-shade {\n    background:\n      linear-gradient(\n        180deg,\n        rgba(0, 47, 35, 0.92) 0%,\n        rgba(0, 47, 35, 0.83) 100%\n      );\n  }\n\n  .ofe-hero h1 {\n    font-size: clamp(3.2rem, 14vw, 4.6rem);\n  }\n\n  .ofe-hero-bottom {\n    grid-template-columns: 1fr 1fr;\n\n    row-gap: 14px;\n  }\n\n  .ofe-actions {\n    flex-direction: column;\n  }\n\n  .ofe-btn {\n    width: 100%;\n  }\n\n\n  \/* SECTIONS *\/\n\n  .ofe-section {\n    padding-block: 76px;\n  }\n\n  .ofe-section-intro {\n    grid-template-columns: 1fr;\n\n    gap: 24px;\n\n    margin-bottom: 38px;\n  }\n\n  .ofe-view-all {\n    justify-self: start;\n  }\n\n\n  \/* RESOURCE CARDS *\/\n\n  .ofe-resource-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .ofe-resource-card {\n    min-height: 300px;\n  }\n\n\n  \/* MISSION *\/\n\n  .ofe-mission {\n    padding-block: 84px;\n  }\n\n\n  \/* OPPORTUNITIES *\/\n\n  .ofe-opportunity {\n    grid-template-columns: 1fr auto;\n\n    gap: 15px 20px;\n\n    padding-block: 28px;\n  }\n\n  .ofe-op-type {\n    grid-column: 1 \/ -1;\n  }\n\n  .ofe-opportunity p {\n    display: none;\n  }\n\n\n  \/* STATEMENT *\/\n\n  .ofe-statement {\n    padding-block: 50px;\n  }\n\n\n  \/* NEWS *\/\n\n  .ofe-news-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .ofe-story:last-child {\n    grid-column: auto;\n  }\n\n\n  \/* FINAL CTA *\/\n\n  .ofe-contact {\n    padding-block: 82px;\n  }\n\n}\n\n\n\/* =========================================================\n   14. SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width: 430px) {\n\n  .ofe-hero h1 {\n    font-size: 3.05rem;\n  }\n\n  .ofe-home h2 {\n    font-size: 2.55rem;\n  }\n\n  .ofe-resource-card {\n    padding: 25px;\n  }\n\n}\n\n\n\/* =========================================================\n   15. REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .ofe-home *,\n  .ofe-home *::before,\n  .ofe-home *::after {\n    scroll-behavior: auto !important;\n\n    transition-duration: 0.01ms !important;\n\n    animation-duration: 0.01ms !important;\n  }\n\n}\n\/* FRONT PAGE THEME FIXES *\/\n\n\/* Hide WordPress's automatic page title *\/\nbody.home .entry-header {\n  display: none;\n}\n\n\/* Remove the theme's extra space above our homepage *\/\nbody.home .post-inner {\n  padding-top: 0;\n}\n\n\/* Make our coded homepage span the full browser width *\/\n.ofe-home {\n  width: 100vw;\n  max-width: none;\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n}\n<\/style>\n\n<div class=\"ofe-home\">\n\n  <!-- HERO -->\n  <section class=\"ofe-hero\">\n    <div class=\"ofe-hero-media\" aria-hidden=\"true\"><\/div>\n    <div class=\"ofe-hero-shade\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"ofe-shell ofe-hero-inner\">\n      <div class=\"ofe-hero-copy ofe-reveal\">\n\n        <div class=\"ofe-kicker\">\n          <span><\/span>\n          Stetson University Office of Faculty Engagement\n        <\/div>\n\n        <h1>\n          Supporting the faculty\n          <em>who shape Stetson.<\/em>\n        <\/h1>\n\n        <p class=\"ofe-hero-lead\">\n          Advancing faculty development, scholarship, collaboration,\n          recognition and academic innovation across Stetson University.\n        <\/p>\n\n        <div class=\"ofe-actions\">\n\n          <a\n            class=\"ofe-btn ofe-btn-light\"\n            href=\"https:\/\/blog.stetson.edu\/faculty-engagement\/faculty-engagement-at-stetson-university\/\"\n          >\n            Explore Faculty Resources\n            <span aria-hidden=\"true\">\u2197<\/span>\n          <\/a>\n\n          <a\n            class=\"ofe-btn ofe-btn-ghost\"\n            href=\"#current-opportunities\"\n          >\n            Current Opportunities\n            <span aria-hidden=\"true\">\u2193<\/span>\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n      <div class=\"ofe-hero-bottom\">\n        <span>Development<\/span>\n        <span>Research<\/span>\n        <span>Recognition<\/span>\n        <span>Collaboration<\/span>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n\n\n  <!-- QUICK ACCESS -->\n  <section class=\"ofe-section ofe-quick\">\n    <div class=\"ofe-shell\">\n\n      <div class=\"ofe-section-intro ofe-reveal\">\n\n        <div>\n          <p class=\"ofe-label\">Start Here<\/p>\n          <h2>What can we help you find?<\/h2>\n        <\/div>\n\n        <p class=\"ofe-intro-copy\">\n          Quickly access some of the most important resources,\n          opportunities and programs available to Stetson faculty.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"ofe-resource-grid\">\n\n        <!-- FACULTY DEVELOPMENT -->\n        <a\n          class=\"ofe-resource-card ofe-reveal\"\n          href=\"https:\/\/blog.stetson.edu\/faculty-engagement\/faculty-engagement-at-stetson-university\/\"\n        >\n\n          <div class=\"ofe-card-top\">\n            <span class=\"ofe-card-index\">01<\/span>\n            <span class=\"ofe-card-arrow\">\u2197<\/span>\n          <\/div>\n\n          <div>\n            <h3>Faculty Development<\/h3>\n\n            <p>\n              Professional growth, career advancement,\n              academic leadership and faculty support.\n            <\/p>\n          <\/div>\n\n        <\/a>\n\n\n        <!-- AWARDS -->\n        <a\n          class=\"ofe-resource-card ofe-reveal\"\n          href=\"https:\/\/blog.stetson.edu\/faculty-engagement\/faculty-accomplishments\/\"\n        >\n\n          <div class=\"ofe-card-top\">\n            <span class=\"ofe-card-index\">02<\/span>\n            <span class=\"ofe-card-arrow\">\u2197<\/span>\n          <\/div>\n\n          <div>\n            <h3>Awards &amp; Recognition<\/h3>\n\n            <p>\n              Celebrate distinguished teaching, scholarship,\n              service and faculty achievement.\n            <\/p>\n          <\/div>\n\n        <\/a>\n\n\n        <!-- RESEARCH -->\n        <a\n          class=\"ofe-resource-card ofe-reveal\"\n          href=\"https:\/\/blog.stetson.edu\/faculty-engagement\/sure-grants\/\"\n        >\n\n          <div class=\"ofe-card-top\">\n            <span class=\"ofe-card-index\">03<\/span>\n            <span class=\"ofe-card-arrow\">\u2197<\/span>\n          <\/div>\n\n          <div>\n            <h3>Research &amp; SURE<\/h3>\n\n            <p>\n              Support for scholarly activity and meaningful\n              faculty-student research collaboration.\n            <\/p>\n          <\/div>\n\n        <\/a>\n\n\n        <!-- INSTITUTES -->\n        <a\n          class=\"ofe-resource-card ofe-reveal\"\n          href=\"https:\/\/blog.stetson.edu\/faculty-engagement\/institutes-and-symposia\/\"\n        >\n\n          <div class=\"ofe-card-top\">\n            <span class=\"ofe-card-index\">04<\/span>\n            <span class=\"ofe-card-arrow\">\u2197<\/span>\n          <\/div>\n\n          <div>\n            <h3>Institutes &amp; Programs<\/h3>\n\n            <p>\n              Workshops, symposia and opportunities for\n              intellectual exchange and collaboration.\n            <\/p>\n          <\/div>\n\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n\n\n  <!-- MISSION -->\n  <section class=\"ofe-mission\">\n    <div class=\"ofe-shell ofe-mission-grid\">\n\n      <div class=\"ofe-mission-heading ofe-reveal\">\n\n        <p class=\"ofe-label ofe-label-light\">\n          Our Purpose\n        <\/p>\n\n        <h2>\n          Faculty excellence starts with\n          <em>connection, support and opportunity.<\/em>\n        <\/h2>\n\n      <\/div>\n\n\n      <div class=\"ofe-mission-copy ofe-reveal\">\n\n        <p class=\"ofe-large-text\">\n          The Office of Faculty Engagement supports faculty across\n          the lifespan of their work at Stetson.\n        <\/p>\n\n        <p>\n          From professional development and scholarly activity to\n          recognition, collaboration and undergraduate research,\n          we help create the conditions in which faculty can thrive.\n        <\/p>\n\n        <a\n          class=\"ofe-inline-link\"\n          href=\"https:\/\/blog.stetson.edu\/faculty-engagement\/faculty-engagement-at-stetson-university\/\"\n        >\n          Learn more about the Office\n          <span>\u2192<\/span>\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n\n\n  <!-- CURRENT OPPORTUNITIES -->\n  <section\n    class=\"ofe-section ofe-opportunities\"\n    id=\"current-opportunities\"\n  >\n\n    <div class=\"ofe-shell\">\n\n\n      <div class=\"ofe-section-intro ofe-reveal\">\n\n        <div>\n          <p class=\"ofe-label\">\n            Current Opportunities\n          <\/p>\n\n          <h2>\n            Resources for what comes next.\n          <\/h2>\n        <\/div>\n\n\n        <a\n          class=\"ofe-view-all\"\n          href=\"https:\/\/blog.stetson.edu\/faculty-engagement\/announcements\/\"\n        >\n          View all announcements\n          <span>\u2197<\/span>\n        <\/a>\n\n      <\/div>\n\n\n\n      <div class=\"ofe-opportunity-list\">\n\n\n        <!-- SUMMER GRANTS -->\n        <a\n          class=\"ofe-opportunity ofe-reveal\"\n          href=\"https:\/\/blog.stetson.edu\/faculty-engagement\/category\/summer-grants\/\"\n        >\n\n          <span class=\"ofe-op-type\">\n            Research &amp; Creative Inquiry\n          <\/span>\n\n          <div>\n\n            <h3>\n              Summer Grants\n            <\/h3>\n\n            <p>\n              Explore summer funding opportunities supporting faculty\n              research, scholarship and creative inquiry.\n            <\/p>\n\n          <\/div>\n\n          <span class=\"ofe-circle-arrow\">\n            \u2192\n          <\/span>\n\n        <\/a>\n\n\n\n        <!-- SABBATICAL LEAVE -->\n        <a\n          class=\"ofe-opportunity ofe-reveal\"\n          href=\"https:\/\/blog.stetson.edu\/faculty-engagement\/category\/sabbatical\/\"\n        >\n\n          <span class=\"ofe-op-type\">\n            Faculty Development\n          <\/span>\n\n          <div>\n\n            <h3>\n              Sabbatical Leave\n            <\/h3>\n\n            <p>\n              Find information and updates related to sabbatical leave\n              opportunities for Stetson faculty.\n            <\/p>\n\n          <\/div>\n\n          <span class=\"ofe-circle-arrow\">\n            \u2192\n          <\/span>\n\n        <\/a>\n\n\n\n        <!-- SURE MENTOR OPPORTUNITIES -->\n        <a\n          class=\"ofe-opportunity ofe-reveal\"\n          href=\"https:\/\/blog.stetson.edu\/faculty-engagement\/sure-grants\/\"\n        >\n\n          <span class=\"ofe-op-type\">\n            Undergraduate Research\n          <\/span>\n\n          <div>\n\n            <h3>\n              SURE Mentor Opportunities\n            <\/h3>\n\n            <p>\n              Support undergraduate research by mentoring students\n              through Stetson&#8217;s Summer Undergraduate Research Experience.\n            <\/p>\n\n          <\/div>\n\n          <span class=\"ofe-circle-arrow\">\n            \u2192\n          <\/span>\n\n        <\/a>\n\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n\n\n  <!-- EDITORIAL BAND -->\n  <section class=\"ofe-statement\">\n\n    <div class=\"ofe-shell\">\n\n      <p class=\"ofe-statement-text ofe-reveal\">\n\n        Teaching.\n\n        <span>\n          Scholarship.\n        <\/span>\n\n        Mentorship.\n\n        <span>\n          Leadership.\n        <\/span>\n\n        Community.\n\n      <\/p>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- LATEST NEWS -->\n  <section class=\"ofe-section ofe-news\">\n\n    <div class=\"ofe-shell\">\n\n\n      <div class=\"ofe-section-intro ofe-reveal\">\n\n        <div>\n\n          <p class=\"ofe-label\">\n            From the Office\n          <\/p>\n\n          <h2>\n            Faculty stories &amp; news.\n          <\/h2>\n\n        <\/div>\n\n\n        <a\n          class=\"ofe-view-all\"\n          href=\"https:\/\/blog.stetson.edu\/faculty-engagement\/announcements\/\"\n        >\n          Explore all stories\n          <span>\u2197<\/span>\n        <\/a>\n\n      <\/div>\n\n\n\n      <div\n        class=\"ofe-news-grid\"\n        id=\"ofe-news-grid\"\n      >\n\n        <!-- FALLBACK CARDS IF WORDPRESS API IS UNAVAILABLE -->\n\n\n        <!-- STORY 1 -->\n        <a\n          class=\"ofe-story ofe-reveal\"\n          href=\"https:\/\/blog.stetson.edu\/faculty-engagement\/faculty-accomplishments\/\"\n        >\n\n          <div class=\"ofe-story-placeholder\">\n            <span>\n              Faculty\n            <\/span>\n          <\/div>\n\n\n          <div class=\"ofe-story-body\">\n\n            <p class=\"ofe-story-meta\">\n              Recognition\n            <\/p>\n\n            <h3>\n              Celebrating Faculty Accomplishments\n            <\/h3>\n\n            <p>\n              Explore teaching, research, creative activity,\n              leadership and service across the Stetson community.\n            <\/p>\n\n            <span class=\"ofe-story-link\">\n              Explore stories \u2192\n            <\/span>\n\n          <\/div>\n\n        <\/a>\n\n\n\n        <!-- STORY 2 -->\n        <a\n          class=\"ofe-story ofe-reveal\"\n          href=\"https:\/\/blog.stetson.edu\/faculty-engagement\/sure-grants\/\"\n        >\n\n          <div class=\"ofe-story-placeholder\">\n\n            <span>\n              Research\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"ofe-story-body\">\n\n            <p class=\"ofe-story-meta\">\n              Discovery\n            <\/p>\n\n            <h3>\n              Faculty-Student Research\n            <\/h3>\n\n            <p>\n              See how faculty mentorship supports meaningful\n              undergraduate scholarship and discovery.\n            <\/p>\n\n            <span class=\"ofe-story-link\">\n              Explore research \u2192\n            <\/span>\n\n          <\/div>\n\n        <\/a>\n\n\n\n        <!-- STORY 3 -->\n        <a\n          class=\"ofe-story ofe-reveal\"\n          href=\"https:\/\/blog.stetson.edu\/faculty-engagement\/announcements\/\"\n        >\n\n          <div class=\"ofe-story-placeholder\">\n\n            <span>\n              OFE\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"ofe-story-body\">\n\n            <p class=\"ofe-story-meta\">\n              News\n            <\/p>\n\n            <h3>\n              Latest from Faculty Engagement\n            <\/h3>\n\n            <p>\n              Keep up with programs, opportunities,\n              faculty recognition and upcoming initiatives.\n            <\/p>\n\n            <span class=\"ofe-story-link\">\n              Read updates \u2192\n            <\/span>\n\n          <\/div>\n\n        <\/a>\n\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n\n\n  <!-- FINAL CTA -->\n  <section class=\"ofe-contact\">\n\n    <div class=\"ofe-shell ofe-contact-inner\">\n\n\n      <div class=\"ofe-reveal\">\n\n        <p class=\"ofe-label ofe-label-light\">\n          Office of Faculty Engagement\n        <\/p>\n\n        <h2>\n          Have a question?\n          <em>Start a conversation.<\/em>\n        <\/h2>\n\n      <\/div>\n\n\n\n      <div class=\"ofe-contact-action ofe-reveal\">\n\n        <p>\n          Connect with the team supporting faculty development,\n          scholarship, recognition and engagement at Stetson.\n        <\/p>\n\n        <a\n          class=\"ofe-btn ofe-btn-light\"\n          href=\"https:\/\/blog.stetson.edu\/faculty-engagement\/meet-the-staff\/\"\n        >\n          Meet the OFE Team\n          <span>\u2197<\/span>\n        <\/a>\n\n      <\/div>\n\n\n    <\/div>\n  <\/section>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Stetson University Office of Faculty Engagement Supporting the faculty who shape Stetson. Advancing faculty development, scholarship, collaboration, recognition and academic innovation across Stetson University. Explore Faculty Resources \u2197 Current Opportunities \u2193 Development Research Recognition Collaboration Start Here What can we help you find? Quickly access some of the most important resources, opportunities and programs available [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-full-width.php","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blog.stetson.edu\/faculty-engagement\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.stetson.edu\/faculty-engagement\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blog.stetson.edu\/faculty-engagement\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blog.stetson.edu\/faculty-engagement\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.stetson.edu\/faculty-engagement\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":48,"href":"https:\/\/blog.stetson.edu\/faculty-engagement\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":2462,"href":"https:\/\/blog.stetson.edu\/faculty-engagement\/wp-json\/wp\/v2\/pages\/7\/revisions\/2462"}],"wp:attachment":[{"href":"https:\/\/blog.stetson.edu\/faculty-engagement\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}