.creator-chapter {
  color: var(--hattie-black);
  background: var(--hattie-white);
  min-height: var(--story-screen);
  display: grid;
  align-content: center;
  padding: clamp(40px, 7vw, 96px) var(--story-gutter);
}
.creator-inner {width: min(100%, 1120px); margin-inline: auto;}
.creator-index {font-size: .85rem; font-weight: 700; color: var(--hattie-brand-blue); letter-spacing: .04em;}
.creator-chapter h2 {margin: .2em 0; font-size: clamp(2.8rem, 6vw, 6rem); letter-spacing: -.06em; line-height: 1.12;}
.creator-roles {font-size: clamp(1rem, 1.6vw, 1.35rem);}
#profile {padding-block: clamp(20px, 3vw, 40px);}
.creator-profile-grid {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  grid-template-areas: "heading channels" "about channels" "services services";
  align-items: start;
  column-gap: clamp(24px, 4vw, 64px);
  row-gap: 20px;
}
.creator-heading {grid-area: heading;}
.creator-heading h2 {font-size: clamp(2.6rem, 4.7vw, 4.6rem);}
.creator-about {grid-area: about;}
.creator-collaboration {grid-area: services; border-top: 1px solid var(--hattie-grey-line); padding-top: 16px;}
.creator-collaboration h3 {font-size: 1.15rem;}
.creator-services {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px;}
.creator-biography {max-width: 34em; font-size: clamp(1.05rem, 1.65vw, 1.45rem); line-height: 1.6; text-wrap: pretty;}
.creator-facts {margin-top: 1.4rem;}
.creator-facts div, .creator-records li {display: grid; align-items: baseline; border-top: 1px solid var(--hattie-grey-line); padding: .7rem 0; gap: 1rem;}
.creator-facts div {grid-template-columns: minmax(6rem, 1fr) 2fr;}
.creator-facts dt {font-weight: 600;}
.creator-facts dd {margin: 0;}
.creator-services, .creator-records {padding: 0; margin: .8rem 0; list-style: none;}
.creator-services li {margin-bottom: .8rem;}
.creator-services p, .creator-records p {margin-top: .25rem; line-height: 1.55;}
.creator-link, .creator-records a {display: inline-flex; align-items: center; gap: .4em; min-height: 42px; color: var(--hattie-brand-blue); text-decoration: underline; text-underline-offset: .25em;}
.creator-records li {grid-template-columns: 4rem minmax(0,1fr) auto; align-items: center;}
.creator-records h3 {font-size: clamp(1.05rem, 1.7vw, 1.55rem); line-height: 1.3;}
.creator-records time {font-variant-numeric: tabular-nums; font-weight: 700;}
.creator-subheading {margin-top: 2rem; font-size: 1.5rem;}
.creator-shortcut {display: inline-flex; align-items:center; min-height:44px; margin-top: 1rem; padding-inline: .75rem; background:var(--hattie-black); color:var(--hattie-white); text-decoration:underline; text-underline-offset:.25em;}
.front-events-history {margin-block: clamp(32px, 6vw, 72px);}
@media (max-width: 720px) {
  .creator-records li {grid-template-columns: 3rem minmax(0,1fr); gap: .2rem .7rem;}
  .creator-records li a {grid-column: 2; justify-self: start;}
}
.creator-record-main {display:flex; align-items:center; gap:clamp(12px, 2vw, 28px);}
.creator-record-logo {display:grid; place-items:center; flex:0 0 84px; height:48px; padding:5px 8px; background:var(--hattie-white);}
.creator-record-logo[data-surface="dark"] {background:var(--hattie-black);}
.creator-record-logo img {width:100%; height:100%; object-fit:contain;}
@media (max-width:480px) {.creator-record-main {align-items:start; flex-direction:column;}.creator-record-logo {flex:none; width:72px; height:36px;}}
.creator-follower-list {
  grid-area: channels;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.creator-follower-card {position: relative; display: flex; flex-direction: column; align-items: start; border-top: 1px solid var(--hattie-grey-line);}
.creator-follower-card a {display: inline-flex; align-items: center; gap: 6px; min-height: 44px; color: inherit; font-size: 1rem; font-weight: 650; text-decoration: none;}
.creator-follower-card a::after {content: ""; position: absolute; inset: 0;}
.creator-follower-card a:hover {text-decoration: underline; text-underline-offset: .2em;}
.creator-follower-card a img {flex: none; width: 24px; height: 24px;}
.creator-channel-arrow {font-size: .75rem; color: var(--hattie-brand-blue);}
.creator-follower-card strong {font-size: clamp(1.35rem, 2vw, 1.95rem); line-height: 1.15; letter-spacing: -.045em; font-variant-numeric: tabular-nums;}
.creator-follower-card > span {font-size: .875rem; line-height: 1.5;}
.creator-follower-card small {font-size: .8rem; line-height: 1.45; color: var(--hattie-muted);}
.creator-follower-card time {white-space: nowrap;}
@media (max-width: 880px) {
  .creator-profile-grid {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "heading" "channels" "about" "services";
  }
}
@media (max-width: 540px) {
  .creator-profile-grid {row-gap: 16px;}
  .creator-follower-list {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 16px;}
  .creator-services {grid-template-columns: minmax(0, 1fr);}
}
.creator-chapter {scroll-snap-align:start; overflow-wrap:anywhere; padding-inline:var(--story-gutter, clamp(20px,5vw,80px));}
@media (max-width: 360px) {
  #profile {padding: 12px;}
  .creator-profile-grid {row-gap: 12px;}
  .creator-heading h2 {font-size: 2.3rem;}
  .creator-roles {font-size: .9375rem;}
  .creator-follower-list {gap: 6px 10px;}
  .creator-follower-card a {min-height: 30px;}
}
@media (max-width: 360px) and (max-height: 700px) {
  #profile {padding-block: 6px;}
  .creator-profile-grid {row-gap: 8px;}
  .creator-heading {display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px;}
  .creator-heading h2 {margin: 0; font-size: 2rem;}
  .creator-roles {flex-basis: 100%; line-height: 1.3;}
  .creator-follower-list {row-gap: 3px;}
  .creator-follower-card a {min-height: 26px;}
  .creator-follower-card > span {line-height: 1.25;}
  .creator-follower-card small {line-height: 1.25;}
}
.sequence-shell[data-static] .story-scroll {scroll-snap-type:none;}