/* Graduate story discovery: photography, a quiet paper pattern, and writing prompts. */
.story-discovery-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: linear-gradient(115deg, #f0edf9 0%, #f8f5f0 65%, #f1e9d9 100%);
  padding: 68px 0 62px;
}
.story-discovery-hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background-image: radial-gradient(#b3a7cc 1px, transparent 1px);
  background-size: 19px 19px;
  opacity: .24;
  mask-image: linear-gradient(110deg, transparent 38%, #000 100%);
}
.story-discovery-hero::after {
  content: "";
  position: absolute;
  width: 630px;
  height: 630px;
  right: -220px;
  top: -340px;
  border: 1px solid #d1c6df;
  border-radius: 50%;
  box-shadow: 0 0 0 38px #e6dfed66, 0 0 0 76px #eee8f166;
  z-index: -1;
}
.story-discovery-hero > .container {grid-template-columns: 1.2fr 1fr; gap: 52px; align-items: center;}
.story-discovery-copy {min-width: 0;}
.story-discovery-copy h1 {font-size: clamp(36px, 3.7vw, 51px); letter-spacing: -1.5px; line-height: 1.13;}
.story-discovery-copy h1 > span {font-family: Georgia, 'Times New Roman', serif; font-weight: 400; font-style: italic; color: #5650a2;}
.story-discovery-copy > p {font-size: 17px; color: #596c7a; line-height: 1.8;}
.story-discovery-copy .story-actions {gap: 17px;}
.story-discovery-copy .story-button {box-shadow: 0 5px 15px #494bae18;}
.story-themes {display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 31px; color: #6a637b; font-size: 12px;}
.story-themes > span {display: inline-flex; align-items: center; gap: 7px;}
.story-themes i {font-size: 16px; color: #8980b5;}
.story-memory-photo {position: relative; padding: 10px 10px 0; margin: 0 0 30px; background: #fff; border-radius: 100px 18px 18px 18px; box-shadow: 0 18px 50px #33325516;}
.story-memory-photo > img {display: block; width: 100%; height: 326px; object-fit: cover; object-position: 50% 52%; border-radius: 92px 11px 11px 11px;}
.story-photo-label {position: absolute; top: 28px; right: 25px; display: inline-flex; align-items: center; gap: 8px; padding: 9px 13px; background: #fffef3f0; border-radius: 30px; font-size: 11px; font-weight: 700; color: #49425f;}
.story-photo-label i {font-size: 15px;}
.story-memory-photo figcaption {position: relative; margin: -31px 12px -30px -28px; padding: 23px 26px 23px 56px; background: #fff; border: 1px solid #e8e1ed; border-radius: 12px; box-shadow: 0 10px 25px #3332550c;}
.story-memory-photo figcaption > span {position: absolute; top: 13px; left: 19px; color: #b4a5d0; font: 56px/1 Georgia, serif;}
.story-memory-photo figcaption p {font-size: 18px; font-family: Georgia, 'Times New Roman', serif; line-height: 1.5; margin: 0 0 9px; color: #344651;}
.story-memory-photo figcaption small {font-size: 11px; line-height: 1.6; color: #77718b; display: block;}
.story-gallery {padding-top: 48px; padding-bottom: 54px;}
.story-first-chapter {display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; padding: 35px 40px; border: 1px solid #e7e2ed; border-radius: 20px; background: linear-gradient(110deg, #fff 52%, #faf8fd); box-shadow: 0 8px 30px #33325504;}
.story-first-copy h3 {font-size: 29px; line-height: 1.25; color: #243c4b; margin: 17px 0 14px;}
.story-first-copy > p {font-size: 15px; line-height: 1.8; color: #667581; max-width: 410px; margin-bottom: 22px;}
.story-illustrated-icon {position: relative; display: flex; align-items: center; justify-content: center; width: 64px; height: 58px; border-radius: 18px 18px 18px 5px; background: #eeebf8; color: #8271b6; font-size: 30px;}
.story-illustrated-icon > .icon-pencil {position: absolute; right: -9px; bottom: -4px; padding: 7px; border: 3px solid #fff; border-radius: 50%; font-size: 17px; color: #8d7044; background: #f5e7c8;}
.story-prompts {padding: 10px 0 10px 35px; border-left: 1px solid #e9e4ee;}
.story-prompts > .story-kicker {font-size: 10px; letter-spacing: 1.35px; margin-bottom: 24px;}
.story-prompt {display: flex; gap: 15px; align-items: flex-start; margin-top: 23px;}
.story-prompt > span {display: inline-flex; align-items: center; justify-content: center; flex: 0 0 42px; height: 42px; border-radius: 13px; background: #eeebf8; color: #8373b1; font-size: 20px;}
.story-prompt:nth-of-type(2) > span {background: #f9e9e5; color: #b87d71;}
.story-prompt:nth-of-type(3) > span {background: #e7f1ed; color: #679282;}
.story-prompt h4 {font-size: 16px; line-height: 1.4; color: #354858; margin: 1px 0 6px;}
.story-prompt p {font-size: 13px; line-height: 1.7; color: #6c7984; margin: 0;}
.story-invitation-discovery {position: relative; overflow: hidden; isolation: isolate; background: linear-gradient(110deg, #383771, #52529a); padding: 43px 0 37px; color: #fff;}
.story-invitation-discovery::before,.story-invitation-discovery::after {content: ""; position: absolute; border: 1px solid #aaa0d533; border-radius: 50%; width: 460px; height: 460px; z-index: -1;}
.story-invitation-discovery::before {left: -260px; top: -65px; box-shadow: 0 0 0 32px #aaa0d50c, 0 0 0 64px #aaa0d509;}
.story-invitation-discovery::after {right: -230px; bottom: -240px; box-shadow: 0 0 0 45px #aaa0d509;}
.story-invitation-discovery .story-kicker {color: #dad5f3;}
.story-invitation-discovery h2 {color: #fff; margin: 13px 0; font-size: 33px;}
.story-invitation-discovery p {color: #e0dfee; font-size: 15px; margin-bottom: 22px;}
.story-invitation-discovery .story-button {background: #f3d797; border-color: #f3d797; color: #34355f!important;}
.story-invitation-discovery .story-button:hover {background: #ffe7b3; border-color: #ffe7b3;}
.story-invitation-icon {display: inline-flex; justify-content: center; align-items: center; width: 44px; height: 44px; border-radius: 14px; background: #ffffff10; color: #ead397; font-size: 23px; margin-bottom: 14px;}
.story-invitation-steps {display: flex; justify-content: center; flex-wrap: wrap; gap: 12px 28px; margin-top: 26px; color: #d5d3e9; font-size: 12px;}
.story-invitation-steps > span {display: inline-flex; align-items: center; gap: 8px;}
.story-invitation-steps i {color: #e0c988; font-size: 14px;}
@media(max-width:991px) {
  .story-discovery-hero > .container {gap: 35px; grid-template-columns: 1.1fr 1fr;}
  .story-discovery-copy h1 {font-size: 39px;}
  .story-memory-photo > img {height: 290px;}
  .story-memory-photo figcaption {margin-left: -20px; margin-right: 3px; padding: 20px 18px 20px 45px;}
  .story-memory-photo figcaption > span {left: 12px;}
  .story-memory-photo figcaption p {font-size: 17px;}
  .story-first-chapter {gap: 28px; padding: 30px;}
  .story-prompts {padding-left: 25px;}
  .story-first-copy h3 {font-size: 27px;}
}
@media(max-width:767px) {
  .story-discovery-hero {padding: 37px 0 40px;}
  .story-discovery-hero > .container {grid-template-columns: minmax(0,1fr); gap: 34px;}
  .story-discovery-copy h1 {font-size: 39px; letter-spacing: -1px; margin-top: 16px;}
  .story-discovery-copy > p {font-size: 16px;}
  .story-themes {margin-top: 24px; gap: 12px 18px;}
  .story-memory-photo {max-width: 470px; width: calc(100% - 12px); margin-left: 12px; border-top-left-radius: 65px;}
  .story-memory-photo > img {height: 255px; border-top-left-radius: 58px;}
  .story-memory-photo figcaption {margin-left: -18px; margin-right: 9px; padding-right: 20px;}
  .story-photo-label {font-size: 10px; top: 23px; right: 22px;}
  .story-gallery {padding-top: 35px; padding-bottom: 36px;}
  .story-first-chapter {grid-template-columns: minmax(0,1fr); padding: 27px 24px; gap: 28px;}
  .story-prompts {border-left: 0; border-top: 1px solid #e9e4ee; padding: 26px 0 0;}
  .story-prompts > .story-kicker {margin-bottom: 20px;}
  .story-first-copy h3 {font-size: 28px;}
  .story-invitation-discovery h2 {font-size: 29px;}
  .story-invitation-steps {gap: 12px 16px; font-size: 11px;}
}