/* ==========================================================================
   THE TEAM PAGE (/team/) · Nandita's board, 22 Sep 2026, page 3 "Team"
   Her reference, built as a page: a scrapbook sheet for Nandita (script name on a
   yellow stroke, a ribbon, a taped photo with notes stuck round it, five icon facts,
   her quote on a blue stroke) and a second sheet, "Meet the creative team", with a
   card per person (a tilted black and white photo on gingham, a script name, the
   role, four lines, four colored chips). Loaded by team/index.html only.
   Nitin, same day: the two cards are KC and Ashley, artists and party hosts.
   ========================================================================== */
.tm{
  --tm-cream:#FFFBF4; --tm-rose:#FFC4D6; --tm-rose-2:#F49CB9; --tm-butter:#FFE7A3; --tm-butter-2:#F5D26A;
  --tm-sky:#C7DEF8; --tm-sky-2:#9CC3EE; --tm-mint:#C6EBD9; --tm-mint-2:#9ED8BD; --tm-lilac:#DDD2F5;
  --hand:"Caveat", "Comic Sans MS", cursive;
  --script:"Kaushan Script", "Brush Script MT", cursive;
}
.tm-page{ padding-block:clamp(.75rem,2vw,1.5rem) clamp(var(--s8),7vw,var(--s10)); }
.tm-wrap{ width:min(100% - 2rem, 1180px); margin-inline:auto; }
.tm-page .crumb{ margin:0 0 clamp(var(--s4),2vw,var(--s5)); }

/* the two sheets of paper */
.tm-card{ position:relative; background:var(--tm-cream); border-radius:clamp(22px,3vw,34px);
  box-shadow:var(--sh-2); padding:clamp(1.4rem,3.6vw,3.2rem); isolation:isolate; }

/* ------------------------------------------------------------ shared bits */
.tm-kicker{ margin:0; font-size:.7rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--ink-3); }
.tm-hand{ margin:0; font-family:var(--hand); font-weight:700; line-height:1; color:var(--ink); }
.tm-note{ margin:0; display:inline-block; padding:.5rem .75rem .55rem; font-family:var(--hand); font-weight:700;
  font-size:1.2rem; line-height:1.02; color:var(--ink); background:var(--tm-rose); box-shadow:0 6px 14px rgba(20,20,24,.10);
  transform:rotate(var(--r,-4deg)); }
.tm-note--yellow{ background:var(--tm-butter); }
.tm-heart{ display:inline-block; width:.7em; height:.62em; overflow:visible; vertical-align:.05em; }
.tm-heart path{ fill:none; stroke:var(--hk,var(--ink)); stroke-width:4; stroke-linejoin:round; stroke-linecap:round; }
.tm-dots{ margin:0; font-size:.72rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--ink-2); }

/* a brush stroke behind words: one ragged shape, three inks. clone repeats it on every line */
.tm-brush{ padding:.04em .24em .08em; -webkit-box-decoration-break:clone; box-decoration-break:clone;
  background-repeat:no-repeat; background-size:100% 100%; }
.tm-brush--y{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 60' preserveAspectRatio='none'%3E%3Cpath fill='%23FFD84D' d='M5 17C31 9 70 13 111 9s79-2 128 0 48-1 57 5c3 8-2 17 2 25-8 9-47 9-87 11s-80 4-120 1-54 2-73-3c-6-9 0-19-3-31z'/%3E%3Cpath fill='%23FFD84D' opacity='.55' d='M232 6c20-3 45-2 64 2l-2 4c-20-3-41-3-62-2zM12 52c26 3 60 4 90 3l-1 4c-31 1-62-1-90-3z'/%3E%3C/svg%3E"); }
.tm-brush--p{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 60' preserveAspectRatio='none'%3E%3Cpath fill='%23FFB9CF' d='M5 17C31 9 70 13 111 9s79-2 128 0 48-1 57 5c3 8-2 17 2 25-8 9-47 9-87 11s-80 4-120 1-54 2-73-3c-6-9 0-19-3-31z'/%3E%3Cpath fill='%23FFB9CF' opacity='.55' d='M232 6c20-3 45-2 64 2l-2 4c-20-3-41-3-62-2zM12 52c26 3 60 4 90 3l-1 4c-31 1-62-1-90-3z'/%3E%3C/svg%3E"); }
.tm-brush--b{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 60' preserveAspectRatio='none'%3E%3Cpath fill='%23C7DEF8' d='M5 17C31 9 70 13 111 9s79-2 128 0 48-1 57 5c3 8-2 17 2 25-8 9-47 9-87 11s-80 4-120 1-54 2-73-3c-6-9 0-19-3-31z'/%3E%3C/svg%3E"); }

/* ------------------------------------------------------------ the founder sheet */
.tm-f{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:clamp(1.6rem,4vw,3.6rem); align-items:start; }
.tm-f__left{ min-width:0; }
.tm-f__left .eyebrow{ margin:.35rem 0 .2rem; }
.tm-name{ margin:0; font-family:var(--script); font-weight:400; font-size:clamp(4.2rem,2.6rem + 6vw,7.4rem);
  line-height:1.02; letter-spacing:0; color:var(--ink); }
.tm-name .tm-brush{ padding:0 .18em 0 .12em; }
.tm-name .tm-heart{ --hk:var(--ink); width:.34em; height:.3em; margin-left:.06em; vertical-align:.9em; transform:rotate(12deg); }
.tm-name .tm-heart path{ stroke-width:3.4; }
.tm-ribbon{ display:inline-block; margin:.35rem 0 .75rem; padding:.5rem 1.6rem .5rem 1.5rem; background:var(--tm-rose-2);
  font-family:var(--display); font-weight:800; font-size:clamp(.82rem,.7rem + .35vw,1rem); letter-spacing:.1em;
  text-transform:uppercase; color:var(--ink);
  clip-path:polygon(0 0,100% 0,96.5% 50%,100% 100%,0 100%,3.5% 50%); transform:rotate(-1.2deg); }
.tm-tags{ display:flex; flex-wrap:wrap; gap:.2rem 0; margin:0 0 clamp(1.2rem,2.6vw,1.8rem); padding:0; list-style:none;
  font-size:.74rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--ink-2); }
.tm-tags li + li::before{ content:"|"; margin:0 .7em; color:var(--ink-3); font-weight:400; }

/* the photo and everything stuck round it: positions are % of this box, so the
   scrapbook keeps its shape at every width */
.tm-pics{ position:relative; aspect-ratio:10/11; margin:0 clamp(0rem,2vw,1rem) 0 clamp(2.2rem,6vw,4.4rem); }
.tm-photo{ position:absolute; margin:0; background:#fff; padding:clamp(7px,1vw,12px) clamp(7px,1vw,12px) clamp(10px,1.4vw,16px);
  box-shadow:0 12px 30px rgba(20,20,24,.16), 0 2px 6px rgba(20,20,24,.08); transform:rotate(var(--r,0deg)); }
.tm-photo img{ display:block; width:100%; height:100%; object-fit:cover; }
.tm-photo--main{ left:6%; top:2%; width:74%; height:84%; --r:-2.5deg; }
.tm-photo--main img{ object-position:50% 40%; }
.tm-tape{ position:absolute; z-index:2; left:50%; top:-12px; width:34%; height:26px; margin-left:-17%;
  background:rgba(244,156,185,.78); transform:rotate(-7deg);
  -webkit-mask:linear-gradient(90deg,transparent 0 2%,#000 2% 98%,transparent 98%); mask:linear-gradient(90deg,transparent 0 2%,#000 2% 98%,transparent 98%); }
.tm-photo--mini{ left:-4%; bottom:-3%; width:34%; height:35%; --r:-6deg; z-index:3; padding-bottom:clamp(26px,3.2vw,38px); }
.tm-photo--mini figcaption{ position:absolute; left:8px; right:6px; bottom:3px; font-family:var(--hand); font-weight:700;
  font-size:clamp(.78rem,.6rem + .5vw,1rem); line-height:1; color:var(--ink); }
.tm-pics .tm-note{ position:absolute; z-index:4; }
.tm-pics .tm-note--a{ left:-13%; top:14%; width:clamp(7.5rem,13vw,10rem); --r:-7deg; font-size:clamp(1rem,.8rem + .6vw,1.3rem); }
.tm-pics .tm-note--b{ left:-10%; top:47%; width:clamp(6rem,10vw,7.8rem); --r:5deg; font-size:clamp(1rem,.8rem + .6vw,1.3rem); }
.tm-side{ position:absolute; z-index:4; right:-3%; top:18%; width:22%; transform:rotate(-5deg);
  font-size:clamp(1.15rem,.8rem + 1vw,1.7rem); line-height:.98; text-align:center; }
.tm-pics .tm-bigheart{ position:absolute; z-index:4; right:0; top:55%; width:13%; transform:rotate(10deg); }
.tm-pics .tm-star{ position:absolute; z-index:4; right:9%; bottom:1%; width:16%; transform:rotate(-8deg); }
.tm-bigheart path{ fill:var(--tm-rose-2); stroke:var(--ink); stroke-width:2.6; stroke-linejoin:round; }

/* right column */
.tm-f__right{ position:relative; min-width:0; padding-top:clamp(0rem,1.5vw,1rem); }
.tm-corner{ position:absolute; right:0; top:-.6rem; width:8.5rem; font-size:1.3rem; text-align:center; transform:rotate(7deg); }
.tm-corner svg{ display:block; width:80%; height:12px; margin:.15rem auto 0; overflow:visible; }
.tm-corner path{ fill:none; stroke:var(--m); stroke-width:3; stroke-linecap:round; }
.tm-h2{ margin:0 0 clamp(1rem,2.4vw,1.5rem); padding-right:clamp(0rem,9vw,8.5rem); }
.tm-h2__hand{ display:block; font-family:var(--hand); font-weight:700; text-transform:uppercase; letter-spacing:.02em;
  font-size:clamp(1.55rem,1.1rem + 1.4vw,2.3rem); line-height:1.08; color:var(--ink); }
.tm-h2__hand .tm-brush{ padding:0 .3em 0 .2em; }
.tm-h2__big{ display:block; margin-top:.35rem; font-family:var(--display); font-weight:800; font-size:clamp(2.4rem,1.3rem + 3.6vw,4.3rem);
  line-height:1.02; letter-spacing:-.05em; color:var(--ink); }
.tm-h2__big .tm-brush{ padding:0 .12em .02em; }
.tm-spark{ display:inline-block; width:.55em; height:.6em; margin-left:.12em; vertical-align:.25em; overflow:visible; }
.tm-spark path{ fill:none; stroke:var(--ink); stroke-width:4.4; stroke-linecap:round; }
.tm-body p{ margin:0 0 1rem; max-width:56ch; font-size:1.02rem; line-height:1.62; color:var(--ink-2); }
.tm-body .tm-sub{ margin:1.4rem 0 .5rem; font-size:.74rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--ink); }
.tm-sub::before{ content:""; display:inline-block; width:.55em; height:.55em; margin-right:.6em; border-radius:50%; background:var(--m); vertical-align:.08em; }
.tm-body .tm-pull{ margin:1.3rem 0 0; font-family:var(--hand); font-weight:700; font-size:clamp(1.35rem,1rem + 1vw,1.8rem); line-height:1.15;
  color:var(--ink); transform:rotate(-1.2deg); }

/* five facts with drawn icons */
.tm-facts{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); margin:clamp(2rem,4.5vw,3.2rem) 0 0; padding:0; list-style:none; }
.tm-facts li{ padding:0 clamp(.5rem,1.4vw,1.1rem); text-align:center; }
.tm-facts li + li{ border-left:1.5px solid var(--line); }
.tm-facts svg{ display:block; width:clamp(46px,5vw,60px); height:auto; margin:0 auto .5rem; overflow:visible; }
.tm-facts b{ display:block; margin-bottom:.3rem; font-family:var(--display); font-weight:800; font-size:clamp(.86rem,.75rem + .35vw,1.05rem);
  letter-spacing:.04em; text-transform:uppercase; color:var(--ink); line-height:1.15; }
.tm-facts span{ display:block; font-size:.86rem; line-height:1.4; color:var(--ink-2); }
.ic{ fill:none; stroke:var(--ink); stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
.ic-f-sky{ fill:var(--tm-sky); } .ic-f-butter{ fill:var(--tm-butter-2); } .ic-f-rose{ fill:var(--tm-rose-2); } .ic-f-mint{ fill:var(--tm-mint-2); }

/* the foot of the sheet: her quote, LinkedIn, the sneaker and a note */
.tm-f__foot{ display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1.1fr) minmax(0,.62fr); gap:clamp(1.2rem,3vw,2.4rem);
  align-items:center; margin-top:clamp(2rem,4.5vw,3rem); }
.tm-quote{ margin:0; padding:clamp(1rem,2.4vw,1.5rem) clamp(1rem,2.6vw,1.7rem); transform:rotate(-1deg); }
.tm-quote blockquote{ margin:0; }
.tm-quote p{ margin:0; font-family:var(--hand); font-weight:600; font-size:clamp(1.2rem,.95rem + .75vw,1.55rem); line-height:1.14; color:var(--ink); }
.tm-quote figcaption{ margin-top:.45rem; font-family:var(--hand); font-weight:700; font-size:clamp(1.15rem,1rem + .5vw,1.4rem); text-align:right; color:var(--ink); }
.tm-quote figcaption .tm-heart{ --hk:var(--ink); }
.tm-connect{ display:grid; justify-items:start; gap:.55rem; }
.tm-connect .tm-hand{ display:flex; align-items:flex-end; gap:.35rem; font-size:1.45rem; text-transform:uppercase; }
.tm-connect .tm-hand svg{ width:44px; height:22px; overflow:visible; }
.tm-connect .tm-hand path{ fill:none; stroke:var(--ink); stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
.tm-li{ display:inline-flex; align-items:center; gap:.6rem; max-width:100%; padding:.55rem .8rem .55rem .55rem; border-radius:12px;
  background:#fff; box-shadow:0 0 0 1.5px var(--tm-sky-2), var(--sh-1); color:var(--ink); font-size:.8rem; font-weight:600;
  text-decoration:none; white-space:nowrap; transition:transform var(--fast) var(--spring), box-shadow var(--fast) linear; }
.tm-li:hover{ transform:translateY(-2px); box-shadow:0 0 0 2px #0A66C2, var(--sh-2); }
.tm-li:focus-visible{ outline:3px solid #0A66C2; outline-offset:3px; }
.tm-li__in{ flex:0 0 auto; display:grid; place-items:center; width:28px; height:28px; border-radius:6px; background:#0A66C2; }
.tm-li__in svg{ width:16px; height:16px; fill:#fff; }
.tm-li__go{ width:15px; height:15px; flex:0 0 auto; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.tm-f__end{ position:relative; display:grid; justify-items:end; }
.tm-shoe{ width:min(100%,150px); height:auto; overflow:visible; transform:rotate(-10deg); }
.tm-shoe .s{ fill:none; stroke:var(--ink); stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
.tm-shoe .w{ fill:#fff; }
.tm-shoe .h{ fill:var(--tm-rose-2); stroke:var(--ink); stroke-width:2; }
.tm-f__end .tm-note{ margin-top:-.4rem; max-width:10rem; text-align:center; font-size:1.15rem; --r:6deg; text-transform:uppercase; }

/* ------------------------------------------------------------ the wavy line between sheets */
.tm-wave{ display:block; width:min(100% - 2rem, 1180px); height:34px; margin:clamp(1.2rem,3vw,2rem) auto; overflow:visible; }
.tm-wave path{ fill:none; stroke:var(--tm-butter-2); stroke-width:6; stroke-linecap:round; }

/* ------------------------------------------------------------ the team sheet */
.tm-team__head{ position:relative; text-align:center; padding-inline:clamp(0rem,14vw,11rem); }
.tm-team__h{ margin:.35rem 0 .45rem; font-family:var(--display); font-weight:800; font-size:clamp(2.2rem,1.3rem + 3.2vw,3.7rem);
  line-height:1; letter-spacing:-.05em; color:var(--ink); }
.tm-team__h .tm-heart{ --hk:var(--ink); width:.62em; height:.56em; margin-left:.12em; transform:rotate(10deg); }
.tm-team__sub{ margin:0; font-size:.76rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--ink-2); }
.tm-team__head .tm-note{ position:absolute; right:-.5rem; top:-1.2rem; width:10.5rem; --r:6deg; font-size:1.15rem; text-align:center; }
.tm-people{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(1.4rem,3.5vw,3rem); margin-top:clamp(1.8rem,4vw,2.8rem); }
.tm-person{ display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:clamp(1rem,2.6vw,1.9rem); align-items:center; }
.tm-person__pic{ position:relative; margin:0; padding:clamp(.7rem,1.8vw,1.2rem); }
/* the gingham square behind each photo: two see-through stripes crossing */
.tm-person__pic::before{ content:""; position:absolute; z-index:-1; inset:0 8% 0 0; border-radius:14px;
  background-color:#fff; background-size:20px 20px;
  background-image:linear-gradient(90deg,var(--g) 50%,transparent 50%),linear-gradient(var(--g) 50%,transparent 50%);
  transform:rotate(var(--gr,-2deg)); }
.tm-person--kc{ --g:rgba(244,156,185,.42); }
.tm-person--ashley{ --g:rgba(156,195,238,.48); --gr:2deg; }
.tm-person__pic .tm-photo{ position:relative; inset:auto; width:100%; height:auto; }
.tm-person__pic .tm-photo img{ aspect-ratio:4/5; height:auto; }
.tm-person--kc .tm-photo{ --r:-3.5deg; }
.tm-person--ashley .tm-photo{ --r:3deg; }
.tm-person__pic .tm-heart{ position:absolute; z-index:2; width:2.2rem; height:2rem; left:44%; bottom:-.8rem; --hk:var(--ink); transform:rotate(-8deg); }
.tm-person__pic .tm-star{ position:absolute; z-index:2; width:3rem; right:-.2rem; top:-.9rem; transform:rotate(12deg); }
.tm-person__name{ margin:0; font-family:var(--script); font-weight:400; font-size:clamp(2.5rem,1.7rem + 2.6vw,3.6rem); line-height:1.05; color:var(--ink); }
.tm-person__name .tm-heart{ --hk:var(--m); width:.5em; height:.45em; margin-left:.12em; vertical-align:.5em; transform:rotate(10deg); }
.tm-person__swash{ display:block; width:min(9rem,70%); height:10px; margin:.1rem 0 .7rem; overflow:visible; }
.tm-person__swash path{ fill:none; stroke:var(--m); stroke-width:3; stroke-linecap:round; }
.tm-person__role{ margin:0 0 .6rem; font-size:.74rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--ink); }
.tm-person__txt > p:not(.tm-person__role){ margin:0 0 .9rem; font-size:.96rem; line-height:1.58; color:var(--ink-2); }
.tm-chips{ display:flex; flex-wrap:wrap; gap:.4rem; margin:0; padding:0; list-style:none; }
.tm-chips li{ padding:.3rem .75rem; border-radius:100px; background:var(--k); font-size:.78rem; font-weight:600; color:var(--ink); }
.tm-team__foot{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1rem 1.5rem; margin-top:clamp(2rem,4vw,2.8rem); }
.tm-team__foot .tm-note{ --r:-3deg; font-size:1.2rem; }
.tm-team__end{ display:flex; align-items:center; gap:.7rem; }
.tm-team__end .tm-hand{ font-size:1.35rem; text-align:right; transform:rotate(-3deg); }
.tm-smile{ width:3.4rem; height:3.4rem; transform:rotate(-10deg); }

/* the star and the smiley share one drawing style */
.tm-star .st, .tm-smile .sm{ fill:var(--tm-butter-2); stroke:var(--ink); stroke-width:2.4; stroke-linejoin:round; }
.tm-star .fc, .tm-smile .fc{ fill:none; stroke:var(--ink); stroke-width:2.4; stroke-linecap:round; }
.tm-star .ey, .tm-smile .ey{ fill:var(--ink); }

/* ------------------------------------------------------------ smaller screens */
@media (max-width:1020px){
  .tm-f{ grid-template-columns:minmax(0,1fr); }
  .tm-pics{ max-width:560px; margin-inline:auto; width:calc(100% - 3rem); }
  .tm-h2{ padding-right:0; }
  .tm-corner{ position:static; transform:rotate(4deg); margin:0 0 1rem auto; }
  .tm-f__foot{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .tm-quote{ grid-column:1 / -1; }
  .tm-people{ grid-template-columns:minmax(0,1fr); }
  .tm-person{ max-width:680px; margin-inline:auto; }
  .tm-team__head{ padding-inline:0; }
  .tm-team__head .tm-note{ position:static; margin:1rem auto 0; }
}
@media (max-width:760px){
  .tm-facts{ grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:1.6rem; }
  .tm-facts li + li{ border-left:0; }
  .tm-facts li:last-child{ grid-column:1 / -1; }
}
@media (max-width:560px){
  .tm-card{ padding:1.3rem 1.05rem 1.6rem; }
  .tm-pics{ width:calc(100% - 2.2rem); margin-left:auto; margin-right:0; }
  .tm-pics .tm-note--a{ left:-9%; }
  .tm-pics .tm-note--b{ left:-7%; }
  .tm-f__foot{ grid-template-columns:minmax(0,1fr); }
  .tm-f__end{ justify-items:center; }
  .tm-person{ grid-template-columns:minmax(0,1fr); }
  .tm-person__pic{ max-width:320px; margin-inline:auto; }
  .tm-team__foot{ justify-content:center; text-align:center; }
}
@media (prefers-reduced-motion:reduce){ .tm-li{ transition:none; } }

/* ------------------------------------------------------------ the same sheet on the home page
   Nitin, 22 Sep 2026: "the section for Nandita on the team page, replicate that same on the homepage".
   _site/build-team-page.py writes it into index.html as #founder; only the way out to /team/ is extra. */
.tm-home .tm-wrap{ width:min(100% - 2rem, 1180px); }
.tm-more{ margin:clamp(1.6rem,3.4vw,2.4rem) 0 0; text-align:center; }
.tm-more a{ display:inline-flex; align-items:center; gap:.45rem; padding:.85rem 1.35rem; border-radius:100px;
  background:var(--ink); color:#fff; font-weight:700; text-decoration:none; transition:transform var(--fast) var(--spring); }
.tm-more a:hover{ transform:translateY(-2px); }
.tm-more a:focus-visible{ outline:3px solid var(--m); outline-offset:3px; }
@media (prefers-reduced-motion:reduce){ .tm-more a{ transition:none; } }

/* ------------------------------------------------------------ round 3 (Nitin, 22 Sep 2026)
   Let's connect: her LinkedIn and Instagram as two round icon buttons, not an address. */
.tm-soc{ display:flex; gap:.6rem; }
.tm-soc__a{ display:grid; place-items:center; width:48px; height:48px; border-radius:50%; color:#fff;
  box-shadow:0 8px 18px -8px rgba(20,20,24,.45); transition:transform var(--fast) var(--spring); }
.tm-soc__a svg{ width:22px; height:22px; fill:currentColor; }
.tm-soc__a--li{ background:#0A66C2; }
.tm-soc__a--ig{ background:radial-gradient(circle at 30% 107%, #FDF497 0%, #FDF497 5%, #FD5949 45%, #D6249F 60%, #285AEB 90%); }
.tm-soc__a:hover{ transform:translateY(-3px) rotate(-4deg); }
.tm-soc__a:focus-visible{ outline:3px solid var(--ink); outline-offset:3px; }

/* the home page's SHORT sheet: the same look, a smaller footprint, one paragraph, then on to /team/ */
.tm-home .tm-card{ padding:clamp(1.2rem,3vw,2.4rem); }
.tm-home .tm-f{ grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:center; gap:clamp(1.4rem,3.4vw,3rem); }
.tm-home .tm-name{ font-size:clamp(3.2rem,2rem + 4vw,5.4rem); }
.tm-home .tm-tags{ margin-bottom:clamp(.9rem,2vw,1.3rem); }
.tm-home .tm-pics{ max-width:400px; }
.tm-home .tm-h2{ padding-right:clamp(0rem,7vw,7rem); margin-bottom:.9rem; }
.tm-home .tm-h2__big{ font-size:clamp(2rem,1.2rem + 2.6vw,3.3rem); }
.tm-home .tm-body p{ font-size:1rem; }
.tm-home .tm-body .tm-pull{ font-size:clamp(1.3rem,1rem + .9vw,1.7rem); margin-top:1rem; }   /* the hand quote, not body size */
.tm-home .tm-more{ text-align:left; margin:1.5rem 0 0; }
@media (max-width:1020px){
  .tm-home .tm-f{ grid-template-columns:minmax(0,1fr); }
  .tm-home .tm-pics{ max-width:360px; }
  .tm-home .tm-more{ text-align:center; }
}
@media (prefers-reduced-motion:reduce){ .tm-soc__a{ transition:none; } }
/* the home sheet on a phone (round 4, "smaller and easier to see"): a smaller collage, the side lettering, the big heart
   and the corner note stay on /team/ only */
@media (max-width:560px){
  .tm-home .tm-name{ font-size:clamp(3rem,15vw,3.6rem); }
  .tm-home .tm-pics{ max-width:280px; width:calc(100% - 3.4rem); margin:0 auto 0 3rem; }
  .tm-home .tm-side, .tm-home .tm-bigheart, .tm-home .tm-corner{ display:none; }
  .tm-home .tm-h2__big{ font-size:clamp(2rem,9.6vw,2.5rem); }
}

/* round 5 (Nitin, 22 Sep 2026): four cards, the instructors first. Paula pink and Carolyn blue as in her design,
   Casey butter and Ashley mint, so no two cards share a gingham. */
.tm-person--paula{ --g:rgba(244,156,185,.42); }
.tm-person--carolyn{ --g:rgba(156,195,238,.48); --gr:2deg; }
.tm-person--kc{ --g:rgba(245,210,106,.5); --gr:-2deg; }
.tm-person--ashley{ --g:rgba(158,216,189,.55); --gr:2deg; }
.tm-person--paula .tm-photo{ --r:-3.5deg; }
.tm-person--carolyn .tm-photo{ --r:3deg; }
.tm-people{ row-gap:clamp(2.2rem,5vw,3.6rem); }