/* Task 09: team profiles and the local-only interest demo extend the existing editorial system. */
.team-page [hidden] { display: none !important; }
.team-hero { border-bottom: 6px solid var(--red); background: radial-gradient(circle at 77% 42%, #6b211f2d 0, transparent 31%), linear-gradient(145deg, #151613, #10110f 62%, #1a1714); box-shadow: inset 0 -45px 80px #05050470; }
.team-hero-grid { min-height: 650px; display: grid; grid-template-columns: 1.08fr .92fr; align-items: center; gap: clamp(50px, 8vw, 120px); padding-block: clamp(55px, 7vw, 90px); }
.team-return { margin-bottom: 40px; border: 0; color: var(--muted); font-size: 13px; }
.team-hero-copy > .eyebrow { color: var(--red-light); }
.team-hero-copy h1 { margin: 18px 0 28px; font: 500 clamp(54px, 6vw, 84px)/1.02 var(--display); text-transform: uppercase; letter-spacing: -.035em; }
.team-hero-copy h1 span { display: inline-block; font-family: var(--brand); font-size: .83em; text-transform: none; color: var(--cream); letter-spacing: -.025em; }
.team-lead { max-width: 590px; color: var(--muted); font-size: 17px; line-height: 1.75; }
.team-hero-copy > .button { margin-top: 31px; }
.team-hero-mark { position: relative; min-height: 430px; display: flex; flex-direction: column; justify-content: center; align-items: center; border: 0; border-top: 1px solid #88755e; border-bottom: 1px solid #554c40; overflow: hidden; background: radial-gradient(circle at center, #7b352b2f 0 27%, transparent 62%), linear-gradient(145deg, #25251f, #171815); box-shadow: inset 0 0 70px #05050466, 0 22px 50px #0505043d; }
.team-hero-mark::before, .team-hero-mark::after { content: ''; position: absolute; inset: 34px; border: 1px solid #8b765f50; pointer-events: none; }
.team-hero-mark::after { inset: 53px; border-color: #8b765f24; }
.team-mark-index { position: absolute; top: 22px; left: 25px; font: 11px var(--display); letter-spacing: .13em; color: #c3b6a4; }
.team-hero-mark strong { font: 400 clamp(150px, 17vw, 235px)/1 var(--brand); color: #8e7d65; text-shadow: 4px 6px 0 var(--color-red-dark); }
.team-mark-line { width: 84px; height: 3px; margin: 8px 0 23px; background: var(--red-light); }
.team-mark-caption { max-width: 270px; text-align: center; font: 11px/1.6 var(--display); letter-spacing: .13em; color: #d1c4b2; }

.team-heading > p { max-width: 400px; }
.profile-preview { display: grid; grid-template-columns: .9fr 1.1fr; min-height: 520px; border-top: 1px solid #6b6254; border-bottom: 1px solid #4a463d; background: linear-gradient(135deg, #201f1b, #171815); box-shadow: 0 25px 55px #05050433; }
.profile-visual { position: relative; margin: 0; min-height: 520px; display: grid; place-items: center; overflow: hidden; background: radial-gradient(circle at 50% 44%, #75442f2b 0, transparent 38%), linear-gradient(145deg, #292a24, #181916); color: var(--cream); }
.profile-visual::before { content: ''; position: absolute; inset: 25px; border: 1px solid #6f6b5d; }
.profile-visual::after { content: ''; position: absolute; width: 72%; aspect-ratio: 1; border: 1px solid #81746055; border-radius: 50%; }
.profile-index { position: absolute; z-index: 1; top: 43px; left: 43px; font: 11px var(--display); letter-spacing: .14em; color: #b9ad99; }
.profile-monogram { position: relative; z-index: 1; font: 400 clamp(150px, 18vw, 250px)/1 var(--brand); color: #887966; text-shadow: 4px 6px 0 var(--color-red-dark); }
.profile-visual figcaption { position: absolute; z-index: 2; left: 25px; right: 25px; bottom: 25px; padding: 17px 18px; border-top: 1px solid #71695b; font: 11px var(--display); letter-spacing: .13em; text-transform: uppercase; color: #d8cbb7; }
.profile-copy { align-self: center; padding: clamp(40px, 7vw, 95px); }
.profile-copy > .eyebrow { color: var(--red-light); }
.profile-copy h2 { margin: 20px 0 27px; }
.profile-copy > p:not(.eyebrow) { max-width: 520px; color: var(--muted); font-size: 16px; }
.profile-status { margin: 33px 0 0; border-top: 1px solid #625a4e; }
.profile-status > div { display: grid; grid-template-columns: 130px 1fr; gap: 20px; padding: 16px 0; border-bottom: 1px solid #625a4e; }
.profile-status dt { font: 12px var(--display); letter-spacing: .09em; text-transform: uppercase; color: var(--red-light); }
.profile-status dd { margin: 0; color: #b8ae9f; font-size: 14px; }

.interest-section { background: radial-gradient(circle at 11% 18%, #642b2525 0, transparent 29%), linear-gradient(155deg, #1b1c18, #121310); border-top: 1px solid var(--line); }
.interest-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(45px, 8vw, 110px); align-items: start; }
.interest-intro { position: sticky; top: 125px; }
.interest-intro > .eyebrow { color: var(--red-light); }
.interest-intro h2 { margin: 20px 0 26px; font-size: clamp(40px, 4vw, 57px); }
.interest-intro > p:not(.eyebrow) { color: var(--muted); font-size: 16px; }
.interest-guardrails { list-style: none; margin: 35px 0 0; padding: 0; border-top: 1px solid #665e51; }
.interest-guardrails li { display: flex; align-items: center; gap: 16px; padding: 15px 0; border-bottom: 1px solid #665e51; }
.interest-guardrails span { width: 26px; font: 12px var(--display); color: var(--red-light); }
.interest-guardrails strong { font: 15px/1.4 var(--display); text-transform: uppercase; }
.interest-workspace { min-width: 0; }
.interest-demo-notice { margin-bottom: 35px; padding: 20px 22px; border-left: 4px solid var(--red-light); background: linear-gradient(110deg, #36231f, #211b18); box-shadow: 0 12px 28px #0505042e; }
.interest-demo-notice strong { font: 18px var(--display); text-transform: uppercase; }
.interest-demo-notice p { margin-top: 8px; color: var(--muted); font-size: 14px; }
#interest-controls { min-width: 0; margin: 0; padding: 0; border: 0; }
.field-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; }
.field { min-width: 0; margin-bottom: 24px; }
.field label { display: block; margin-bottom: 9px; font-size: 15px; font-weight: 600; line-height: 1.55; }
.field label span { color: var(--muted); font-size: 12px; font-weight: 400; }
.field input, .field textarea, .field select { display: block; width: 100%; min-width: 0; min-height: 52px; border: 1px solid #665b4c; border-radius: 0; background: #141512; color: var(--cream); padding: 12px 14px; font: 16px/1.5 var(--body); color-scheme: dark; box-shadow: inset 0 1px 10px #05050452; }
.field input:focus, .field textarea:focus, .field select:focus { border-color: var(--color-red-border); background: #181815; }
.field textarea { min-height: 145px; resize: vertical; }
.field input::placeholder, .field textarea::placeholder { color: #aaa192; opacity: 1; }
.field [aria-invalid='true'] { border-color: #efaa93; border-left-width: 3px; }
.field-hint, .field-error { margin-top: 9px; font-size: 13px; line-height: 1.6; }
.field-hint { color: var(--muted); }
.field-error { color: #ffc7b5; overflow-wrap: anywhere; }
.interest-finish { margin-top: 10px; padding-top: 25px; border-top: 1px solid #736553; }
.interest-finish > p { color: var(--muted); font-size: 14px; }
.interest-finish strong { color: var(--cream); }
.interest-finish .button { margin-top: 23px; cursor: pointer; }
.error-summary { margin-bottom: 30px; padding: 22px; border: 1px solid #efaa93; background: #382420; }
.error-summary h2 { font-size: 23px; }
.error-summary ul { margin: 12px 0 0; padding-left: 18px; }
.error-summary a { display: inline-block; min-height: 44px; padding-block: 10px; font-size: 14px; text-decoration: underline; }
.form-unavailable { margin-top: 25px; padding: 22px; border: 1px solid var(--red-light); }
.success-panel { padding: clamp(25px, 4vw, 48px); border-top: 5px solid var(--red); background: radial-gradient(circle at 85% 12%, #8d302c2b 0, transparent 34%), linear-gradient(145deg, #24231f, #171815); color: var(--cream); box-shadow: 0 24px 50px #05050442; }
.success-panel .eyebrow { color: var(--red-light); }
.success-check { display: grid; place-items: center; width: 54px; height: 54px; margin: 30px 0 20px; border: 1px solid #8c7763; font-size: 29px; }
.success-panel h2 { font-size: clamp(29px, 3vw, 42px); }
.success-panel .serif-line { color: var(--color-brass); }
.success-disclaimer { margin: 24px 0; font-size: 16px; }
.success-disclaimer strong { display: block; margin-bottom: 7px; }
#interest-summary { margin: 25px 0; border-top: 1px solid #665b4c; }
#interest-summary > div { padding: 15px 0; border-bottom: 1px solid #665b4c; }
#interest-summary dt { font: 13px var(--display); text-transform: uppercase; color: var(--red-light); }
#interest-summary dd { margin: 6px 0 0; font-size: 15px; overflow-wrap: anywhere; white-space: pre-wrap; }
.success-actions { display: flex; align-items: flex-start; flex-direction: column; gap: 17px; margin-top: 27px; }
.success-actions .button { cursor: pointer; }
.success-panel .button--dark { background: var(--red); border-color: var(--color-red-border); }
.reset-interest { min-height: 44px; padding: 10px 0; border: 0; border-bottom: 1px solid #817564; background: transparent; color: var(--cream); font: 13px var(--body); cursor: pointer; }

@media (max-width: 1050px) {
  .team-hero-grid { grid-template-columns: 1fr .72fr; gap: 38px; min-height: 570px; }
  .team-hero-copy h1 { font-size: clamp(50px, 6vw, 66px); }
  .team-hero-mark { min-height: 360px; }
  .interest-grid { grid-template-columns: .65fr 1fr; gap: 42px; }
  .field-grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .team-hero-grid { min-height: 0; grid-template-columns: 1fr; gap: 38px; padding-block: 35px 52px; }
  .team-return { margin-bottom: 28px; }
  .team-hero-copy h1 { font-size: clamp(45px, 13vw, 62px); }
  .team-lead { font-size: 15px; }
  .team-hero-copy > .button { width: 100%; }
  .team-hero-mark { min-height: 280px; }
  .team-hero-mark strong { font-size: 145px; }
  .team-mark-caption { font-size: 10px; }
  .team-heading { margin-bottom: 30px; }
  .profile-preview { grid-template-columns: 1fr; }
  .profile-visual { min-height: 360px; }
  .profile-copy { padding: 38px 0 8px; }
  .profile-copy h2 { font-size: 36px; }
  .profile-status > div { grid-template-columns: 1fr; gap: 7px; }
  .interest-grid { grid-template-columns: 1fr; gap: 38px; }
  .interest-intro { position: static; }
  .interest-intro h2 { font-size: 40px; }
  .interest-demo-notice { padding: 18px; }
  .interest-finish .button, .success-actions .button { width: 100%; padding-inline: 15px; font-size: 15px; }
  .success-panel { padding: 25px 21px; }
}

@media (max-width: 360px) {
  .team-hero-copy h1 { font-size: 43px; }
  .team-hero-mark { min-height: 245px; }
  .team-hero-mark strong { font-size: 120px; }
  .profile-visual { min-height: 320px; }
  .interest-intro h2, .profile-copy h2 { font-size: 33px; }
}

/* Task 12 correction: team page in the same dark editorial studio world. */
.team-hero {
  position: relative;
  overflow: clip;
  border-bottom: 10px solid var(--color-red-dark);
  background:
    radial-gradient(ellipse at 73% 48%, #8d302c65 0, #48161546 29%, transparent 57%),
    linear-gradient(105deg, #080a08 0 58%, #180c0b 58% 100%);
  box-shadow: inset 0 -90px 130px #000b;
}
.team-hero::before {
  content: '';
  position: absolute;
  top: 0;
  right: -12%;
  bottom: 0;
  width: 54%;
  background: repeating-linear-gradient(118deg, transparent 0 92px, #cf9c6615 93px 94px, transparent 95px 184px);
  transform: skewX(-7deg);
  pointer-events: none;
}
.team-hero-grid { position: relative; z-index: 1; min-height: 720px; grid-template-columns: 1fr .82fr; }
.team-return { color: #d1c0aa; }
.team-hero-copy { padding-left: 29px; border-left: 5px solid var(--red); }
.team-hero-copy h1 {
  margin: 16px 0 28px;
  font-size: clamp(68px, 7.1vw, 98px);
  font-weight: 630;
  line-height: .91;
  letter-spacing: -.055em;
  text-shadow: 0 20px 35px #000a;
}
.team-hero-copy h1 span { color: var(--color-red-highlight); }
.team-lead { color: #d0c0ac; font-size: 17px; }
.team-hero-mark {
  top: 24px;
  min-height: 490px;
  border: 0;
  border-left: 7px solid var(--color-red-primary);
  border-top: 1px solid #a87f5d;
  border-bottom: 1px solid #5f3d31;
  background:
    radial-gradient(circle at 50% 48%, #8d302c3e 0 28%, transparent 61%),
    linear-gradient(140deg, #211714, #090b09);
  box-shadow: inset 0 0 100px #000c, 0 35px 70px #0009;
  transform: none;
}
.team-hero-mark::before { inset: 28px; border-color: #b28b674d; transform: none; }
.team-hero-mark::after { inset: 49px; border-color: #bc8a6030; transform: none; }
.team-hero-mark strong { font-size: clamp(205px, 20vw, 290px); color: #b29a79; text-shadow: 7px 9px 0 var(--color-red-dark), 0 22px 35px #000b; }
.team-mark-line { height: 4px; width: 110px; background: linear-gradient(90deg, var(--color-red-highlight), var(--color-red-primary)); }

.team-roster {
  background:
    linear-gradient(90deg, #0a0b09 0 64%, #1a0e0c 64% 100%),
    radial-gradient(circle at 9% 15%, #6b281f33, transparent 30%);
}
.team-heading { align-items: flex-start; }
.team-heading > div { padding-left: 25px; border-left: 4px solid var(--color-red-primary); }
.profile-preview {
  grid-template-columns: .92fr 1.08fr;
  min-height: 570px;
  border: 0;
  border-top: 1px solid #a17d5e;
  border-bottom: 1px solid #4e3a31;
  background: transparent;
  box-shadow: 0 34px 70px #0008;
}
.profile-visual {
  min-height: 570px;
  background:
    radial-gradient(circle at 49% 43%, #8d302c4f 0, transparent 38%),
    linear-gradient(145deg, #251b17, #0b0d0b);
  clip-path: polygon(0 0, 94% 0, 100% 100%, 0 100%);
}
.profile-visual::before { inset: 29px 48px 29px 29px; border-color: #96745466; }
.profile-visual::after { width: 69%; border-color: #a3805c52; }
.profile-monogram { font-size: clamp(195px, 20vw, 280px); color: #aa9273; text-shadow: 7px 9px 0 var(--color-red-dark), 0 24px 38px #0009; }
.profile-copy { position: relative; margin-left: -2px; padding: clamp(55px, 7vw, 100px); border-left: 5px solid var(--color-red-dark); background: linear-gradient(100deg, #161411 0%, #0d0f0c 78%); }
.profile-copy h2 { font-size: clamp(48px, 4.7vw, 66px); line-height: 1; letter-spacing: -.04em; }
.profile-copy > p:not(.eyebrow) { color: #c7b9a6; }
.profile-status { border-top-color: #765844; }
.profile-status > div { border-bottom-color: #5d4638; }

.interest-section {
  background:
    linear-gradient(90deg, #351110 0 31%, transparent 31%),
    radial-gradient(circle at 11% 18%, #8d302c4d 0, transparent 32%),
    linear-gradient(120deg, #25100f, #0d0f0c 56%, #15110e);
  border-top-color: var(--color-red-border);
}
.interest-intro { padding-left: 25px; border-left: 4px solid var(--color-red-highlight); }
.interest-intro h2 { font-size: clamp(48px, 4.8vw, 66px); line-height: 1; }
.interest-intro > p:not(.eyebrow) { color: #cfbfab; }
.interest-guardrails { border-top-color: #9b7053; }
.interest-guardrails li { border-bottom-color: #79513f; }
.interest-workspace { padding-left: clamp(24px, 4vw, 54px); border-left: 1px solid #6f4b3a; }
.interest-demo-notice {
  padding: 24px 26px;
  border-left: 6px solid var(--color-red-highlight);
  background: linear-gradient(110deg, var(--color-red-subtle), #15110f);
  box-shadow: 0 20px 40px #0008;
}
.interest-demo-notice strong { font-size: 20px; letter-spacing: .025em; }
.field input, .field textarea, .field select {
  border: 0;
  border-bottom: 1px solid #82694f;
  background: linear-gradient(180deg, #11120f, #0a0c0a);
  box-shadow: inset 4px 0 #311413, inset 0 12px 25px #0004;
}
.field input:focus, .field textarea:focus, .field select:focus {
  border-bottom-color: var(--color-red-border);
  background: #151411;
  box-shadow: inset 4px 0 var(--color-red-hover), 0 10px 25px #0005;
}
.interest-finish { border-top-color: #8b6d53; }
.success-panel {
  border-top: 1px solid #a57d5b;
  border-left: 7px solid var(--color-red-primary);
  background: radial-gradient(circle at 88% 12%, #8d302c4d, transparent 35%), linear-gradient(140deg, #251713, #0d0f0c);
  box-shadow: 0 32px 70px #0009;
}

@media (min-width: 761px) and (max-width: 1050px) {
  .team-hero-grid { min-height: 650px; grid-template-columns: 1fr .7fr; }
  .team-hero-copy h1 { font-size: clamp(62px, 7.5vw, 78px); }
  .team-hero-mark { min-height: 420px; }
  .team-hero-mark strong { font-size: 205px; }
  .profile-copy { padding: 58px 42px; }
  .interest-grid { grid-template-columns: .68fr 1fr; }
}

@media (max-width: 760px) {
  .team-hero { background: radial-gradient(circle at 78% 76%, #8d302c4d, transparent 35%), linear-gradient(145deg, #090a08, #180c0b); }
  .team-hero::before { width: 100%; opacity: .5; }
  .team-hero-grid { grid-template-columns: 1fr; gap: 42px; padding-block: 42px 62px; }
  .team-hero-copy { padding-left: 19px; border-left-width: 4px; }
  .team-hero-copy h1 { font-size: clamp(50px, 15vw, 64px); line-height: .93; }
  .team-hero-mark { top: 0; min-height: 300px; transform: none; border-left-width: 5px; }
  .team-hero-mark strong { font-size: 160px; }
  .team-heading > div { padding-left: 19px; }
  .profile-preview { grid-template-columns: 1fr; }
  .profile-visual { min-height: 380px; clip-path: none; }
  .profile-copy { margin: 0; padding: 42px 20px 48px; border-left-width: 4px; }
  .profile-copy h2 { font-size: 43px; }
  .interest-section { background: radial-gradient(circle at 8% 7%, #6b211f48, transparent 28%), linear-gradient(150deg, #26100f, #0c0e0c 63%); }
  .interest-intro { padding-left: 19px; }
  .interest-intro h2 { font-size: 43px; }
  .interest-workspace { padding-left: 0; border-left: 0; }
  .interest-demo-notice { border-left-width: 5px; }
}

@media (max-width: 360px) {
  .team-hero-copy h1 { font-size: 47px; }
  .team-hero-mark { min-height: 270px; }
  .team-hero-mark strong { font-size: 140px; }
  .profile-copy h2, .interest-intro h2 { font-size: 38px; }
}