/* 採用済みマークと現行AGI文字を、heroだけ白で表示する。 */
.harness-white-logo{display:block;width:100%;height:100%;background:#fff;-webkit-mask-image:url("../assets/camp-logos/harness-camp-hero-agi-20261023.svg");mask-image:url("../assets/camp-logos/harness-camp-hero-agi-20261023.svg");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:left center;mask-position:left center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-mode:alpha}
.hero-logo{width:290px;background:transparent;aspect-ratio:16/9;margin-left:0;margin-top:-10px;margin-bottom:18px}
video[data-ambient-video]{pointer-events:none}
.lecture-badge{top:auto;bottom:12px;left:12px;right:auto}
.seminar-metrics .approximate{font-size:18px;font-weight:500}
.benefit-product-logo{display:flex;align-items:center;height:48px;margin:0 0 17px}
.benefit-product-logo img{display:block;max-width:100%;width:150px;height:auto}
.harness-cloud-mark{display:flex;align-items:center;gap:8px;font-family:Arial,sans-serif;font-weight:700;letter-spacing:-.035em;color:#173c31}
.harness-cloud-mark .terminal-mark{font:600 25px/1 monospace;letter-spacing:-.15em;padding-right:4px;color:#56783d}
.harness-cloud-mark .harness-product-name{font-size:21px;white-space:nowrap}
.harness-cloud-mark .harness-product-name small{font-size:12px;font-weight:400;color:#6f8562}
@media(max-width:700px){.hero-logo{width:250px;margin-left:0;margin-top:-8px;margin-bottom:15px}.seminar-metrics .approximate{font-size:16px}}
@media(max-width:360px){.harness-cloud-mark .harness-product-name{font-size:20px}}


.family-heading .family-phrase{display:inline-block}