.team-note { max-width:1120px; margin:0 auto 76px; scroll-margin-top:64px; }
.team-note-inner { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); align-items:center; gap:36px; padding:48px 40px 48px 48px; border-radius:32px; background:linear-gradient(115deg,#1719129c,#0b0e0b80 65%); }
.team-note-content,.team-note-copy { min-width:0; }
.team-note-title { min-width:0; container-type:inline-size; margin-bottom:30px; }
.team-note h2 { margin:0; color:#f1f0e9; font-size:clamp(32px,3.3vw,43px); font-weight:700; line-height:1.15; letter-spacing:-.04em; }
.team-note h2 span { display:block; width:max-content; max-width:100%; margin-top:9px; color:#eaff00; font-family:'Orange Marker',Manrope,sans-serif; font-size:min(1.36em,11.5cqw); font-weight:400; line-height:1.05; letter-spacing:0; transform:rotate(-2deg); }
.team-note-copy p { margin:0; color:#b1b5aa; font-size:17px; font-weight:500; line-height:1.7; text-wrap:pretty; }
.team-note-copy .team-note-lead { max-width:32ch; margin-bottom:16px; color:#eeeee7; font-size:22px; font-weight:650; line-height:1.4; letter-spacing:-.025em; text-wrap:balance; }
.team-art { min-width:0; margin:0; }
.team-enroll { display:flex; justify-content:center; margin-top:36px; }
.team-enroll .button-primary { flex:none; width:480px; max-width:100%; min-height:88px; padding:22px 32px; font-size:24px; }
.team-enroll:not([data-motion='true']) .button-stroke,.team-enroll:not([data-motion='true']) .button-paint-stroke { animation:none; }
.team-enroll[data-motion='true']:not(.is-in-view) .button-stroke,.team-enroll[data-motion='true']:not(.is-in-view) .button-paint-stroke { animation-play-state:paused; }
.team-drawing { display:block; width:100%; height:auto; overflow:visible; }
.team-drawing .t-paper { fill:#e0dfce; }
.team-drawing .t-card { fill:#efeddf; }
.team-drawing .t-orange { fill:#d97750; }
.team-drawing .t-green { fill:#c7d5a4; }
.team-drawing .t-charcoal { fill:#272e29; }
.team-drawing .t-shadow { fill:#000; opacity:.4; }
.team-drawing .t-ink,.team-drawing .t-line,.team-drawing .t-light-line,.team-drawing .t-orange-line,.team-drawing .t-green-line { stroke:#242b26; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.team-drawing .t-line,.team-drawing .t-light-line,.team-drawing .t-orange-line,.team-drawing .t-green-line { fill:none; }
.team-drawing .t-light-line { stroke:#e0dfce; stroke-width:2; }
.team-drawing .t-orange-line { stroke:#d97750; stroke-width:2.5; }
.team-drawing .t-green-line { stroke:#c7d5a4; stroke-width:2.5; }
.team-drawing .t-check { stroke-width:3.5; }
.team-drawing .t-muted { opacity:.35; }
.team-drawing .t-text { fill:#272e29; font-family:Manrope,sans-serif; }
.team-drawing .t-label { font-size:13px; font-weight:600; }
.team-drawing .t-hand { fill:#272e29; font-family:'Orange Marker',Manrope,sans-serif; font-weight:400; }
.team-note[data-motion='true'] .team-note-content { transition:opacity .65s ease,translate .65s cubic-bezier(.2,.7,.2,1); }
.team-note[data-motion='true']:not(.is-visible) .team-note-content { opacity:0; translate:0 14px; }
.team-note[data-motion='true']:not(.is-visible) .t-reveal { opacity:0; }
.team-note[data-motion='true'] .t-trace { stroke-dasharray:1; stroke-dashoffset:1; }
.team-note[data-motion='true'].is-visible .t-reveal { animation:team-scene-appear .65s cubic-bezier(.2,.7,.2,1) var(--at,0s) both; }
.team-note[data-motion='true'].is-visible .t-trace { animation:team-scene-draw var(--duration,.6s) ease-out var(--at,0s) both; }
.team-note[data-motion='true'].is-visible .t-float { animation:team-message-float 6s ease-in-out 3.8s infinite; }
.team-note:not(.is-in-view) .team-drawing * { animation-play-state:paused!important; }
@keyframes team-scene-appear { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
@keyframes team-scene-draw { to { stroke-dashoffset:0; } }
@keyframes team-message-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-5px); } }
@media(max-width:1000px) {
  .team-note-inner { gap:20px; padding:38px 28px 38px 34px; }
  .team-note h2 { font-size:34px; }
  .team-note-copy .team-note-lead { font-size:21px; }
  .team-note-copy p { font-size:16px; }
}
@media(max-width:760px) {
  .team-note { margin-bottom:60px; scroll-margin-top:28px; }
  .team-enroll { margin-top:28px; }
  .team-enroll .button-primary { min-height:78px; padding:20px 24px; font-size:22px; }
  .team-note-inner { grid-template-columns:minmax(0,1fr); gap:20px; padding:32px 27px 22px; border-radius:26px; }
  .team-note-title { margin-bottom:26px; }
  .team-note h2 { font-size:34px; }
  .team-note-copy .team-note-lead { max-width:30ch; font-size:21px; margin-bottom:16px; }
  .team-note-copy p { font-size:16px; line-height:1.65; }
  .team-art { width:100%; max-width:440px; justify-self:center; }
}
@media(max-width:380px) {
  .team-note-inner { padding:28px 22px 18px; }
  .team-note h2 { font-size:30px; }
  .team-note-copy .team-note-lead { font-size:20px; }
}
@media(prefers-reduced-motion:reduce) {
  .team-note[data-motion='true'] .team-note-content { opacity:1!important; translate:none!important; transition:none; }
  .team-drawing .t-reveal { opacity:1!important; transform:none!important; animation:none!important; }
  .team-drawing .t-trace { stroke-dashoffset:0!important; animation:none!important; }
  .team-drawing .t-float { animation:none!important; }
}