/* Profile cards and studio portrait use the same quiet bento grid as the hero. */
.neo-audiences{margin-top:58px;scroll-margin-top:24px}
.na-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:26px}
.site-page--sales .na-heading h2{margin:0;font-size:clamp(34px,3.8vw,48px);font-weight:600;line-height:1.06;letter-spacing:-.05em}
.na-heading>p{font-size:13px;line-height:1.7;margin:0 2px 2px 0;color:var(--muted)}
.na-layout{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch}
.na-visual{position:relative;min-width:0;overflow:hidden;border-radius:17px;background:var(--sand);isolation:isolate}
.na-photo{position:absolute;inset:0;display:grid;grid-template-rows:minmax(0,1fr) auto;margin:0;opacity:0;visibility:hidden;transition:opacity .55s ease,visibility 0s linear .55s}
.na-photo.is-active{opacity:1;visibility:visible;transition-delay:0s}
.na-photo>img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;object-position:center}
.na-photo figcaption{position:relative;padding:10px 28px 28px;color:var(--ink)}
.na-photo figcaption>span{display:block;font-size:8px;letter-spacing:.08em;margin-bottom:9px;color:var(--muted)}
.na-photo figcaption>strong{display:block;font-size:clamp(22px,2.1vw,28px);font-weight:600;line-height:1.15;letter-spacing:-.04em}
.na-items{--row-height:76px;--expanded-row:calc(100% - 2 * var(--row-height) - 24px);display:grid;gap:12px;height:596px;grid-template-rows:var(--expanded-row) var(--row-height) var(--row-height);transition:grid-template-rows .45s cubic-bezier(.22,1,.36,1);overflow-anchor:none}
.na-items[data-active=agencies]{grid-template-rows:var(--row-height) var(--expanded-row) var(--row-height)}
.na-items[data-active=creators]{grid-template-rows:var(--row-height) var(--row-height) var(--expanded-row)}
.na-item{display:grid;grid-template-rows:76px minmax(0,1fr);min-height:0;min-width:0;overflow:hidden;border-radius:17px;background:#eeebe5;transition:background .3s}
.na-item.is-active{background:var(--sand)}
.na-item h3{margin:0;font-size:inherit;line-height:1}
.na-item button{width:100%;height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 28px;text-align:left;border:0;background:transparent;color:var(--ink);font-size:22px;font-weight:600;line-height:1.2;letter-spacing:-.035em}
.na-item button:hover{background:#1c1b1906}
.na-item button:focus-visible{outline:2px solid var(--orange);outline-offset:-5px;border-radius:17px}
.na-toggle{width:20px;height:20px;position:relative;flex:none}
.na-toggle::before,.na-toggle::after{content:'';position:absolute;background:currentColor;left:2px;right:2px;top:9px;height:1px;transition:transform .3s,opacity .3s}
.na-toggle::after{transform:rotate(90deg)}
.na-item.is-active .na-toggle::after{transform:rotate(0);opacity:0}
.na-body{min-height:0;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .2s}
.na-item.is-active .na-body{opacity:1;visibility:visible;transition:opacity .32s ease .12s,visibility 0s}
.na-body-inner{padding:6px 28px 26px}
.na-mobile-photo{display:none}
.site-page--sales .na-body h4{margin:0 0 17px;font-size:clamp(24px,2.5vw,33px);font-weight:600;line-height:1.12;letter-spacing:-.045em}
.na-body p{font-size:13px;line-height:1.75;margin:0 0 23px;color:#655e55;max-width:465px}
.na-body-inner>strong{font-size:11px;font-weight:600;display:block;margin-bottom:12px}

.neo-studio{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:60px;scroll-margin-top:24px}
.ns-photo{position:relative;margin:0;overflow:hidden;border-radius:17px;background:var(--sand);min-width:0;min-height:520px}
.ns-photo>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 36%}
.ns-photo::after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#1c1b19aa)}
.ns-photo figcaption{position:absolute;z-index:1;bottom:27px;left:30px;right:24px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;color:var(--paper)}
.ns-photo figcaption>span:first-child{font-size:11px;font-weight:600;letter-spacing:.08em}
.ns-photo figcaption>span:last-child{font-size:8px}
.ns-copy{display:flex;flex-direction:column;align-items:flex-start;padding:37px 36px 32px;border-radius:17px;background:var(--sand);min-width:0}
.ns-label{font-size:9px;letter-spacing:.08em}
.site-page--sales .ns-copy h2{margin:25px 0 29px;font-size:clamp(33px,3.4vw,45px);font-weight:600;line-height:1.08;letter-spacing:-.05em}
.ns-description{max-width:430px}
.ns-description p{margin:0 0 16px;font-size:13px;line-height:1.8;color:#655e55}
.ns-signature{display:flex;align-items:center;gap:14px;margin-top:auto;padding-top:25px}
.ns-signature img{width:31px;height:31px;object-fit:contain}
.ns-signature p{font-size:11px;line-height:1.65;margin:0}
@media(max-width:1000px){.na-item button{font-size:19px;padding-inline:23px}.na-body-inner{padding:6px 23px 24px}.na-body p{font-size:12px}.na-photo figcaption{padding-inline:23px}.na-photo figcaption>strong{font-size:23px}.ns-copy{padding:30px 27px}.ns-photo{min-height:535px}.ns-photo figcaption{left:24px;bottom:24px}.ns-description p{font-size:12px}}
@media(max-width:740px){.neo-audiences{margin-top:43px}.na-heading{display:block;margin-bottom:22px}.site-page--sales .na-heading h2{font-size:34px}.na-heading>p{font-size:12px;margin-top:15px}.na-heading>p br{display:none}.na-layout{grid-template-columns:1fr;gap:12px}.na-visual{aspect-ratio:.9;border-radius:12px}.na-photo figcaption{padding:8px 22px 24px}.na-photo figcaption>span{font-size:7px;margin-bottom:7px}.na-photo figcaption>strong{font-size:24px}.na-items{height:540px;--row-height:68px}.na-item{grid-template-rows:68px minmax(0,1fr);border-radius:12px}.na-item button{height:68px;font-size:19px;padding-inline:22px}.na-body-inner{padding:7px 22px 23px}.site-page--sales .na-body h4{font-size:27px;margin-bottom:16px}.na-body p{font-size:12px;line-height:1.7;margin-bottom:22px}.na-body-inner>strong{font-size:10px}.neo-studio{grid-template-columns:1fr;gap:12px;margin-bottom:45px}.ns-photo{min-height:0;aspect-ratio:1.05;border-radius:12px}.ns-photo>img{object-position:center 37%}.ns-photo figcaption{left:23px;right:23px;bottom:23px;gap:8px}.ns-photo figcaption>span:first-child{font-size:10px}.ns-photo figcaption>span:last-child{font-size:7px}.ns-copy{padding:28px 25px;border-radius:12px;min-height:415px}.site-page--sales .ns-copy h2{font-size:35px;margin:23px 0 25px}.ns-description p{font-size:12px}.ns-signature{padding-top:20px}}
/* One self-contained profile card at a time on narrow screens. */
@media(max-width:740px){
  .na-layout{display:block}
  .na-visual{display:none}
  .na-items,.na-items[data-active=agencies],.na-items[data-active=creators]{display:flex;flex-direction:column;height:auto;gap:9px;grid-template-rows:none}
  .na-item{display:block;flex:none;background:#f1ede7}
  .na-item.is-active{background:var(--sand)}
  .na-item button{height:66px}
  .na-body{display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;visibility:hidden;transition:grid-template-rows .42s cubic-bezier(.22,1,.36,1),opacity .22s ease,visibility 0s linear .42s}
  .na-item.is-active .na-body{grid-template-rows:1fr;opacity:1;visibility:visible;transition:grid-template-rows .42s cubic-bezier(.22,1,.36,1),opacity .3s ease .1s,visibility 0s}
  .na-body-inner{min-height:0;overflow:hidden;padding:0 22px 23px}
  .na-mobile-photo{display:block;margin:0 -22px 23px;background:#e9e2d8}
  .na-mobile-photo img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
}
@media(max-width:360px){.na-item button{font-size:17px;padding-inline:20px}.na-body-inner{padding-inline:20px}.na-mobile-photo{margin-inline:-20px}.site-page--sales .na-body h4{font-size:25px}.na-body h4 br{display:none}.na-body p{font-size:12px}.na-photo figcaption>strong{font-size:21px}.site-page--sales .ns-copy h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.na-items,.na-photo,.na-body,.na-item,.na-toggle::after{transition:none!important}}
