/* =========================================================================
   THE BOSTON ARTISTRY — /team/ only (round 7, 23 Sep 2026 night)
   Nandita's "Meet the Artists & Designers in Hingham, MA" page (her Canva Code page,
   _site/copy/canva-round7/p2.html) in our theme, plus her written brief for the team
   section (TEAM-NOTE-FROM-BOARD.md): about 80% editorial, 20% scrapbook. Loaded after
   site.css and service.css by _site/build-r7-team.py. The paper-and-tape kit
   (.tape .polaroid .sticker .dot-eyebrow .gingham) is in site.css, ROUND 6B.
   ========================================================================= */
.tx-story, .tx-team, .tx-purpose{ --sec-pad:clamp(3.5rem,7vw,6rem); }
.tx-h2{ margin:0; font-weight:700; font-size:clamp(2.1rem,1.2rem + 3vw,3.7rem); line-height:.98; letter-spacing:-.04em; }
.tx-doodle{ display:inline-block; width:.62em; vertical-align:.02em; }
.tx-doodle svg{ width:100%; height:auto; }

/* ------------------------------------------------------------ FOUNDER HERO */
.tx-hero{ padding-block:clamp(1rem,2.5vw,1.75rem) clamp(2.5rem,5vw,4.2rem); }
.tx-hero .crumb{ margin-bottom:clamp(1rem,2.4vw,1.8rem); }
.tx-hero__grid{ display:grid; grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr); gap:clamp(2rem,5vw,4.4rem); align-items:center; }

.tx-collage{ position:relative; min-width:0; }
.tx-kicker{ margin:0 0 .45rem; font-size:.74rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--ink-2); }
.tx-role{ --dot:#FF6FAE; margin:0; }
.tx-name{ margin:clamp(1.1rem,2.6vw,2.2rem) 0 0; font-family:var(--display); font-weight:800; font-size:clamp(3.8rem,2rem + 5vw,6rem);
  line-height:.9; letter-spacing:-.05em; }
.tx-name span{ display:inline-block; padding:0 .16em .06em; background:linear-gradient(transparent 12%, #FDE382 12%, #FDE382 92%, transparent 92%);
  transform:rotate(-1.5deg); }
.tx-ribbon{ width:max-content; max-width:100%; margin:.55rem 0 0; padding:.45rem 1.5rem; background:#F7B8D0; font-family:var(--display);
  font-weight:700; font-size:clamp(.98rem,.8rem + .75vw,1.32rem); letter-spacing:.04em; text-transform:uppercase;
  clip-path:polygon(3% 0,97% 0,100% 50%,97% 100%,3% 100%,0 50%); }
.tx-tagline{ margin:.85rem 0 0; font-size:.76rem; font-weight:700; letter-spacing:.17em; text-transform:uppercase; color:var(--ink-2); }
.tx-tagline i{ font-style:normal; margin:0 .4em; color:var(--ink-3); }

.tx-pics{ position:relative; margin-top:clamp(1.8rem,3.4vw,2.6rem); padding-bottom:5rem; }
.tx-photo{ position:relative; width:64%; margin:0 0 0 17%; padding:10px; background:#fff; border-radius:3px;
  box-shadow:0 2px 0 rgba(0,0,0,.04), 0 18px 36px rgba(20,16,20,.12); transform:rotate(-1deg); }
.tx-photo img{ display:block; width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; }
.tx-photo .tape{ top:-13px; left:50%; transform:translateX(-50%) rotate(-5deg); width:120px; }
.tx-sticky{ position:absolute; z-index:2; margin:0; padding:.8rem 1rem; font-family:var(--hand); font-weight:700;
  font-size:clamp(1.05rem,.9rem + .5vw,1.35rem); line-height:1.15; color:var(--ink); box-shadow:0 10px 22px rgba(20,16,20,.1); }
.tx-sticky--pink{ left:0; top:8%; width:clamp(150px,36%,205px); background:#F9C3D6; transform:rotate(-4deg); }
.tx-sticky--yellow{ left:2%; top:40%; width:clamp(140px,31%,180px); background:#FFE27C; transform:rotate(4deg); }
.tx-mini{ position:absolute; z-index:3; left:6%; bottom:0; width:clamp(118px,27%,150px); padding:8px 8px 10px; --tilt:-6deg; --ar:4/5; }
.tx-mini .tape{ width:70px; height:20px; top:-10px; }
.tx-mini .polaroid__cap{ position:static; margin:.45rem 0 0; padding:0 .2rem; font-size:.95rem; line-height:1.05; color:var(--ink); }
.tx-handnote{ position:absolute; right:0; top:34%; margin:0; font-family:var(--hand); font-weight:700; font-size:clamp(1.2rem,1rem + .6vw,1.55rem);
  line-height:1.15; transform:rotate(3deg); }
.tx-pics .sticker{ width:54px; height:54px; }
.tx-pics .tx-heart{ right:4%; bottom:19%; }
.tx-pics > .sticker:not(.tx-heart){ right:13%; bottom:1%; }

.tx-hero__copy{ min-width:0; }
.tx-h1{ margin:0 0 1.4rem; font-weight:700; }
.tx-scribble{ font-family:var(--hand); font-weight:700; font-size:clamp(2rem,1.2rem + 2.3vw,3.3rem); line-height:1.1; letter-spacing:-.005em;
  text-transform:uppercase; background:linear-gradient(transparent 58%, rgba(247,184,208,.8) 58%);
  -webkit-box-decoration-break:clone; box-decoration-break:clone; }
.tx-h1__big{ display:block; margin-top:.8rem; font-size:clamp(3rem,1.4rem + 4.3vw,4.8rem); line-height:.94; letter-spacing:-.045em; }
.tx-hl{ background:linear-gradient(transparent 62%, #FDE382 62%, #FDE382 92%, transparent 92%); -webkit-box-decoration-break:clone; box-decoration-break:clone; }
.tx-hero__copy > p, .tx-vision p{ margin:0 0 1.1rem; max-width:62ch; color:var(--ink-2); font-size:clamp(1rem,.95rem + .25vw,1.12rem); line-height:1.72; }
.tx-vision{ margin-top:1.6rem; padding-top:1.4rem; border-top:1px solid var(--line); }
.tx-vision .tx-vision__label{ margin:0 0 .6rem; font-size:.72rem; font-weight:800; letter-spacing:.2em; text-transform:uppercase; color:var(--ink); line-height:1.4; }
.tx-hero__copy > .tx-quote{ margin:.5rem 0 0; font-family:var(--hand); font-weight:700; font-size:clamp(1.45rem,1.1rem + .9vw,1.85rem); line-height:1.3; color:var(--ink); }
.tx-quote span{ background:linear-gradient(transparent 64%, rgba(247,184,208,.75) 64%); -webkit-box-decoration-break:clone; box-decoration-break:clone; }

/* ------------------------------------------------------------ SIX CREDENTIALS */
.tx-creds{ background:#FBF7F1; border-block:1px solid var(--line); padding-block:clamp(1.1rem,2.4vw,1.8rem); }
.tx-creds__grid{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); margin-block:0; padding:0; list-style:none; }
.tx-creds__grid li{ display:flex; flex-direction:column; align-items:center; text-align:center; padding:1rem .9rem; border-right:1px solid var(--line); }
.tx-creds__grid li:last-child{ border-right:0; }
.tx-ic{ display:grid; place-items:center; width:46px; height:46px; margin-bottom:.75rem; border-radius:50%; border:1px solid var(--line); color:var(--ink); }
.tx-ic svg{ width:22px; height:22px; }
.tx-ic--blue{ background:#E8F1FD; } .tx-ic--sun{ background:#FFF0C8; } .tx-ic--lav{ background:#EEE8FB; }
.tx-ic--pink{ background:#F8DCE5; } .tx-ic--mint{ background:#E2F2EC; } .tx-ic--peach{ background:#F9EBE2; }
.tx-creds b{ display:block; margin-bottom:.35rem; font-family:var(--display); font-weight:700; font-size:1rem; line-height:1.1; letter-spacing:.02em; text-transform:uppercase; }
.tx-creds li > span:last-child{ max-width:20ch; font-size:.82rem; line-height:1.4; color:var(--ink-3); }

/* ------------------------------------------------------------ THE FOUNDER STORY */
.tx-story{ background:#FFFDF9; }
.tx-story__grid{ display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(2rem,5vw,4.4rem); align-items:start; }
.tx-story .dot-eyebrow{ --dot:#FF6FAE; }
.tx-story__copy > p{ margin:0 0 1.1rem; max-width:64ch; color:var(--ink-2); font-size:clamp(1rem,.95rem + .25vw,1.1rem); line-height:1.72; }
.tx-bigquote{ position:relative; margin:2.2rem 0 0; padding:1.8rem 1.9rem 1.4rem; border-radius:22px; background:#E4EFFC; transform:rotate(-1deg); }
.tx-bigquote .tape{ top:-12px; left:2rem; transform:rotate(-4deg); width:96px; }
.tx-bigquote blockquote{ margin:0; }
.tx-bigquote blockquote p{ margin:0; font-family:var(--hand); font-weight:600; font-size:clamp(1.35rem,1.1rem + .8vw,1.7rem); line-height:1.35; color:#272329; }
.tx-bigquote figcaption{ margin-top:.7rem; text-align:right; font-family:var(--hand); font-weight:700; font-size:1.3rem; }

/* ------------------------------------------------------------ MEET THE CREATIVE TEAM */
.tx-team{ background:var(--paper); }
.tx-team__head{ max-width:780px; margin:0 auto clamp(2.4rem,5vw,3.6rem); text-align:center; }
.tx-team__sub{ margin:1rem 0 0; font-family:var(--display); font-weight:500; font-size:clamp(1.15rem,1rem + .6vw,1.45rem); line-height:1.3; letter-spacing:-.01em; }
.tx-team__p{ margin:1rem auto 0; max-width:62ch; color:var(--ink-2); line-height:1.7; }

.tx-pros{ display:grid; gap:clamp(1.8rem,3.6vw,2.8rem); }
.tx-pro{ position:relative; display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:clamp(1.6rem,4.5vw,4rem); align-items:start;
  padding:clamp(1.4rem,3.6vw,3rem); border-radius:28px; background:var(--tone); border:1px solid rgba(20,20,24,.06); }
.tx-pro--r{ grid-template-columns:minmax(0,7fr) minmax(0,5fr); }
.tx-pro--r .tx-pro__pic{ order:2; }
.tx-pro--pink{ --tone:#FFF4F7; --accent:#FF6FAE; }
.tx-pro--sun { --tone:#FFF9E6; --accent:#F0A21A; }
.tx-pro--blue{ --tone:#F1F7FE; --accent:#5F9AEF; }
.tx-pro--mint{ --tone:#EFF8F3; --accent:#3FAF8A; }
.tx-pro__tape{ top:-12px; right:clamp(1.5rem,6vw,4.5rem); transform:rotate(6deg); width:118px; opacity:.85; }
.tx-pro--r .tx-pro__tape{ right:auto; left:clamp(1.5rem,6vw,4.5rem); transform:rotate(-6deg); }
.tx-pro__pic{ position:sticky; top:104px; margin:0; padding:10px; background:#fff; border-radius:4px;
  box-shadow:0 2px 0 rgba(0,0,0,.04), 0 22px 40px -24px rgba(20,17,10,.45); transform:rotate(-1.2deg); }
.tx-pro--r .tx-pro__pic{ transform:rotate(1.2deg); }
.tx-pro__pic img{ display:block; width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; border-radius:2px; }
.tx-pro__pic .tape{ top:-12px; left:50%; transform:translateX(-50%) rotate(-4deg); width:96px; }
.tx-pro__pic .sticker{ width:48px; height:48px; right:-16px; bottom:-16px; }
.tx-pro--r .tx-pro__pic .sticker{ right:auto; left:-16px; }
.tx-pro__txt{ min-width:0; padding-block:.3rem; align-self:center; }
.tx-pro__name{ margin:0; font-weight:700; font-size:clamp(2rem,1.2rem + 2.4vw,3.2rem); line-height:.98; letter-spacing:-.04em; }
.tx-pro__role{ display:flex; align-items:center; gap:.5rem; margin:.9rem 0 1.1rem; font-size:.72rem; font-weight:800; letter-spacing:.18em;
  text-transform:uppercase; color:var(--ink-2); }
.tx-pro__role::before{ content:""; flex:none; width:.5rem; height:.5rem; border-radius:50%; background:var(--accent); }
.tx-pro__cred{ margin:0 0 1.1rem; padding-left:.9rem; border-left:3px solid var(--accent); font-size:.95rem; line-height:1.55; }
.tx-pro__cred b{ font-weight:700; color:var(--ink); }
.tx-pro__bio p{ margin:0 0 1rem; max-width:64ch; color:var(--ink-2); font-size:clamp(1rem,.96rem + .2vw,1.08rem); line-height:1.75; }
.tx-tags{ display:flex; flex-wrap:wrap; gap:.5rem; margin:1.3rem 0 0; padding:0; list-style:none; }
.tx-tags li{ padding:.42rem .82rem; border-radius:999px; background:#fff; border:1px solid var(--line); font-size:.76rem; font-weight:700; letter-spacing:.02em; line-height:1.3; }
.tx-tags li:first-child{ border-bottom:3px solid var(--accent); }

.tx-statement{ position:relative; max-width:760px; margin:clamp(3rem,6vw,4.6rem) auto 0; padding-inline:1rem; text-align:center; }
.tx-statement__h{ margin:0; font-weight:700; font-size:clamp(1.7rem,1.1rem + 2vw,2.6rem); line-height:1.05; letter-spacing:-.035em; }
.tx-statement p{ margin:.9rem auto 0; max-width:60ch; color:var(--ink-2); line-height:1.7; }
.tx-statement > .tx-doodle{ position:absolute; width:34px; }
.tx-statement > .tx-doodle:first-child{ left:-1.5rem; top:-.6rem; transform:rotate(-12deg); }
.tx-statement > .tx-doodle:last-child{ right:-1.2rem; bottom:-.4rem; transform:rotate(10deg); }

/* ------------------------------------------------------------ PURPOSE (dark checkerboard) */
.tx-purpose__in{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.9fr); gap:clamp(1.6rem,4.5vw,3.5rem); align-items:center;
  padding:clamp(1.6rem,4vw,3rem); border-radius:30px; background:rgba(14,14,17,.93); border:1px solid rgba(255,255,255,.08); }
.tx-purpose .dot-eyebrow{ --dot:#FF6FAE; color:#A9A9B4; }
.tx-purpose .tx-h2{ margin:.2rem 0 1rem; color:var(--paper); }
.tx-purpose__in p{ margin:0; color:var(--on-ink-2); line-height:1.7; }
.tx-points{ display:grid; gap:.75rem; margin:0; padding:0; list-style:none; }
.tx-points li{ padding:1.05rem 1.25rem; border-radius:16px; background:#242429; border:1px solid rgba(255,255,255,.07); border-left:4px solid var(--k); }
.tx-points li:nth-child(1){ --k:#F7B8D0; } .tx-points li:nth-child(2){ --k:#FDE382; } .tx-points li:nth-child(3){ --k:#ABD8F6; }
.tx-points b{ display:block; color:#fff; font-weight:700; }
.tx-points span{ display:block; margin-top:.2rem; font-size:.88rem; line-height:1.5; color:var(--on-ink-2); }

/* ------------------------------------------------------------ COME CREATE WITH THE TEAM */
.tx-cta{ padding-block:clamp(2.4rem,5vw,4rem) clamp(3rem,6vw,4.6rem); }
.tx-cta__box{ position:relative; display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:1.2rem 2rem; align-items:center;
  padding:clamp(1.4rem,3.5vw,2.4rem) clamp(1.4rem,4vw,3rem) clamp(2rem,4vw,2.8rem); border-radius:28px; background:rgba(255,248,250,.92);
  box-shadow:0 18px 40px -26px rgba(20,17,10,.4); }
.tx-cta__box > .sticker{ position:static; width:64px; height:64px; }
.tx-cta__h{ margin:0 0 .35rem; font-weight:700; font-size:clamp(1.8rem,1.1rem + 2.4vw,3rem); line-height:1; letter-spacing:-.04em; }
.tx-cta__copy p{ margin:0; max-width:56ch; color:var(--ink-2); }

/* ------------------------------------------------------------ SMALLER SCREENS */
@media (max-width:1000px){
  .tx-hero__grid, .tx-story__grid, .tx-purpose__in{ grid-template-columns:minmax(0,1fr); }
  .tx-collage{ width:100%; max-width:620px; margin-inline:auto; }
  .tx-creds__grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .tx-creds__grid li:nth-child(3n){ border-right:0; }
  .tx-creds__grid li:nth-child(-n+3){ border-bottom:1px solid var(--line); }
}
@media (max-width:760px){
  .tx-pro, .tx-pro--r{ grid-template-columns:minmax(0,1fr); gap:1.6rem; }
  .tx-pro--r .tx-pro__pic{ order:0; }
  .tx-pro__pic{ position:relative; top:auto; width:min(80%,340px); margin:.4rem auto 0; }
  .tx-pro__tape{ display:none; }
  .tx-cta__box{ grid-template-columns:minmax(0,1fr); justify-items:center; text-align:center; }
  .tx-cta__box .wpb{ margin-bottom:1.4rem; }
  .tx-statement > .tx-doodle:first-child{ left:0; top:-2.2rem; }
  .tx-statement > .tx-doodle:last-child{ right:0; bottom:-2.2rem; }
}
@media (max-width:680px){
  .tx-name{ font-size:clamp(3.6rem,17vw,4.4rem); }
  .tx-pics{ padding-bottom:4.5rem; }
  .tx-photo{ width:78%; margin-left:22%; }   /* round 9: "Increase the size of nandita image" */
  .tx-sticky{ padding:.6rem .75rem; font-size:1.02rem; }
  .tx-sticky--pink{ top:5%; width:138px; }
  .tx-sticky--yellow{ top:33%; width:124px; }
  .tx-mini{ width:112px; left:1%; }
  .tx-mini .polaroid__cap{ font-size:.85rem; }
  .tx-handnote{ display:none; }
  .tx-pics .sticker{ width:42px; height:42px; }
  .tx-pics .tx-heart{ right:0; bottom:10%; }
  .tx-pics > .sticker:not(.tx-heart){ right:18%; bottom:0; }
  .tx-creds__grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .tx-creds__grid li:nth-child(n){ border-right:1px solid var(--line); border-bottom:1px solid var(--line); padding:.9rem .6rem; }
  .tx-creds__grid li:nth-child(2n){ border-right:0; }
  .tx-creds__grid li:nth-last-child(-n+2){ border-bottom:0; }
}