/* FORGE identity: separate F icon beside full FORGE wordmark, 2026-09-29. Vector only. */
.site-header .brand,
.footer .brand {
  display:block;
  flex:none;
  width:255px;
  height:auto;
  overflow:visible;
  background:none;
}
.site-header .brand img,.footer .brand img{display:block;width:100%;height:auto}
.footer .brand{width:275px;height:auto}
.company-stage-mark img{content:url('assets/vector/brand/forge-symbol.svg')}
@media(max-width:560px){.site-header .brand{width:205px}.footer .brand{width:220px}}

/* Company story: the approved mark is given a purpose, not used as filler. */
body.corporate .forge-purpose{padding:clamp(5rem,9vw,9rem) 0;background:#0b2029;border-block:1px solid #577077}
.forge-purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem);align-items:center}
.forge-purpose-mark{min-height:360px;display:flex;flex-direction:column;justify-content:center;padding:clamp(1.5rem,4vw,3rem);border:1px solid #54717a;background:radial-gradient(circle at 20% 0,#365461,#102833 65%);position:relative}
.forge-purpose-mark:before{content:"F / 001";position:absolute;top:1rem;left:1.5rem;color:#90b8ab;font:500 .7rem/1.2 'DM Mono',monospace;letter-spacing:.16em}
.forge-purpose-mark img{width:100%;height:auto;display:block;filter:drop-shadow(0 12px 30px #0007)}
.forge-purpose-mark span{font:500 .64rem/1.3 'DM Mono',monospace;color:#a8bdbe;letter-spacing:.14em;margin-top:2.5rem}
.forge-purpose-copy h2{font-size:clamp(4.6rem,7vw,8rem);margin:1.3rem 0 2rem}
.forge-purpose-copy p:not(.eyebrow){max-width:590px;font-size:clamp(1.05rem,1.5vw,1.22rem);line-height:1.7;color:#dae2dd}
.forge-purpose-copy .text-arrow{display:inline-block;margin-top:1rem}
body.corporate .forge-mission-band{padding:4.5rem 0;background:#e09a78;color:#0c1c25}
.forge-mission-band .wrap{display:grid;grid-template-columns:170px 1fr auto;gap:2rem;align-items:center}
body.corporate .forge-mission-band .eyebrow{color:#0c1c25;font-weight:700}
.forge-mission-band p:not(.eyebrow){font-size:clamp(1.45rem,2.5vw,2.45rem);line-height:1.23;letter-spacing:-.025em;margin:0;font-weight:700;max-width:950px}
.forge-mission-band a{color:#0c1c25;white-space:nowrap;font-size:.84rem;font-weight:700;text-decoration-thickness:2px;text-underline-offset:.4rem}
.forge-about-hero{background:radial-gradient(circle at 80% 25%,#355563,#0c1c25 60%)!important}
.forge-story-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,6vw,7rem);align-items:center}
.forge-story-grid h2{margin:1rem 0 2rem}
.forge-story-grid p:not(.eyebrow){font-size:1.1rem;line-height:1.7;color:#dce3df}
.forge-story-art{min-height:380px;border:1px solid #7d979b;background:linear-gradient(145deg,#0a1a22,#26414a);display:grid;align-content:center;padding:clamp(1.5rem,5vw,4rem);position:relative}
.forge-story-art:before{content:"THE MARK";position:absolute;top:1.4rem;left:1.5rem;font:500 .7rem/1 'DM Mono',monospace;letter-spacing:.17em;color:#a4c0be}
.forge-story-art img{width:100%;height:auto;display:block}
.forge-story-art p{margin:2rem 0 0!important;font:500 .65rem/1.4 'DM Mono',monospace!important;letter-spacing:.14em;color:#b5c9c7!important}
.forge-principles article{min-height:260px;background:#102a35;border-color:#577077}
.forge-principles article>span{display:block;color:#e09a78;font:700 .76rem/1 'DM Mono',monospace;margin-bottom:2rem}
.forge-principles article h3{font-size:clamp(1.8rem,2.5vw,2.6rem)}
.forge-principles article p{line-height:1.55;color:#cedbd8}
@media(max-width:900px){.forge-mission-band .wrap{grid-template-columns:1fr}.forge-mission-band a{justify-self:start}}
@media(max-width:700px){.forge-purpose-grid,.forge-story-grid{grid-template-columns:1fr}.forge-purpose-mark,.forge-story-art{min-height:280px}.forge-purpose-copy h2{font-size:4.7rem}}

/* Selected website direction: 03 atmosphere + 04 wording and human detail.
   The approved vector logo remains unchanged. */
body.corporate{
  --ink:#0c1f28;
  --panel:#173947;
  --cream:#fbf3ed;
  --muted:#c2cbc5;
  --copper:#e09a78;
  --line:#54717a;
  --season-green:#90b8ab;
  --season-yellow:#e3d080;
  --season-pink:#e09a78;
  background:#0c1f28;
}
body.corporate .site-header{background:#0a1b23;border-color:#39545c}
body.corporate .site-header nav a::after{border-color:#e09a78}
body.corporate .company-original-hero{
  min-height:720px;
  background:#0a1b23;
  border-color:#4f6a72;
}
body.corporate .company-original-hero .hero-image{
  opacity:1;
  background:
    radial-gradient(circle at 83% 53%,#b7a67a 0,#3d6670 18%,#1f4a56 37%,transparent 62%),
    radial-gradient(circle at 53% 92%,#22505c 0,transparent 46%),
    linear-gradient(110deg,#0b2029 5%,#153743 62%,#214d58 100%);
}
body.corporate .company-original-hero .hero-image::before{
  content:none;
}
body.corporate .company-original-hero .hero-image::after{
  content:none;
}
body.corporate .company-original-hero .hero-vignette{
  background:linear-gradient(90deg,#0b1f28f5 1%,#0b1f28d4 36%,#0b1f280f 83%),linear-gradient(0deg,#0b1f2899,transparent 28%);
}
body.corporate .company-original-hero::after{content:"FORGE  /  SOUND · PERFORMANCE · PLAY";color:#f3c3b8}
body.corporate .company-original-hero h1{
  font-family:"Trebuchet MS","DM Sans",Arial,sans-serif;
  font-weight:500;
  text-transform:none;
  font-size:clamp(4.6rem,7.8vw,7.2rem);
  line-height:.94;
  letter-spacing:-.055em;
  margin-top:2.3rem;
  margin-bottom:2rem;
  max-width:740px;
}
body.corporate .company-original-hero h1 em{
  font-family:inherit;font-weight:500;font-style:italic;text-transform:none;letter-spacing:inherit;color:#f5ac93;
}
body.corporate .company-original-hero .hero-lede{
  max-width:540px;font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.5;margin-top:0;color:#fff3ef;
}
.company-stage-stamp{
  position:absolute;z-index:2;right:8%;top:26%;width:clamp(165px,20vw,280px);aspect-ratio:1;border:2px solid #ffd0b7;border-radius:50%;display:grid;place-items:center;transform:rotate(15deg);color:#fff1e6;text-align:center;font:700 clamp(1.4rem,2.4vw,2.6rem)/.95 "Trebuchet MS","DM Sans",Arial,sans-serif;letter-spacing:-.035em;text-shadow:0 0 30px #d4bc85;
}
body.corporate .company-original-hero .hero-side{color:#f7c8b3}
body.corporate .button{clip-path:none}
body.corporate .button.primary{background:#fbf3ed;color:#0c1f28;border-color:#fbf3ed}
body.corporate .button.primary:hover{background:#ffd0b7;border-color:#ffd0b7}
body.corporate .button.ghost{background:#173947;color:#fff1e6;border-color:#7b9da0}
body.corporate .ticker{background:#e3d080;color:#0c1f28;border-color:#e3d080}
body.corporate .company-manifesto{border-color:#6b8b90}
body.corporate .company-manifesto::before{color:#e09a7824}
body.corporate .company-products,body.corporate .inner-section.alt{background:#102b36;border-color:#54717a}
body.corporate .company-product-card{background:#173947;border-color:#6b8b90;box-shadow:22px 22px 0 #90b8ab22}
body.corporate .company-product-card::before{background:#e09a78;color:#0c1f28}
body.corporate .company-pipeline-list{border-color:#6b8b90}
body.corporate .company-pipeline-list>a:nth-child(odd),body.corporate .company-pipeline-list>div:nth-child(odd){background:#102b36}
body.corporate .company-pipeline-list>a:hover{background:#1b4350}
body.corporate .company-contact{background:radial-gradient(circle at 15% 48%,#27606a,#153542 53%,#0b2029);border-color:#6b8b90}
body.corporate .footer{background:#091a22;border-color:#54717a}
body.corporate .inner-hero{background:radial-gradient(circle at 80% 22%,#38616a,#193e4b 44%,#0c1f28 80%);border-color:#54717a}
body.corporate .forge-about-hero{background:radial-gradient(circle at 80% 22%,#38616a,#193e4b 44%,#0c1f28 80%)!important}
body.corporate .forge-purpose{background:#102b36;border-color:#54717a}
body.corporate .forge-purpose-mark{border-color:#6b8b90;background:radial-gradient(circle at 30% 0,#345c66,#102b36 70%)}
body.corporate .forge-purpose-mark:before,body.corporate .forge-purpose-mark span{color:#90b8ab}
body.corporate .forge-purpose-copy p:not(.eyebrow){color:#dce3df}
body.corporate .forge-mission-band{background:#e09a78;color:#0c1f28}
body.corporate .forge-mission-band .eyebrow,.forge-mission-band a{color:#0c1f28}
body.corporate .forge-story-art{background:radial-gradient(circle at 70% 20%,#345d67,#102b36 73%);border-color:#6b8b90}
body.corporate .forge-principles article{background:#102b36;border-color:#54717a}
@media(max-width:800px){.company-stage-stamp{right:5%;top:23%;opacity:.5}}
@media(max-width:560px){body.corporate .company-original-hero{min-height:680px}.company-stage-stamp{display:none}body.corporate .company-original-hero .hero-vignette{background:linear-gradient(90deg,#0b1f28e8,#0b1f289c),linear-gradient(0deg,#0b1f28bb,transparent 30%)}body.corporate .company-original-hero h1{font-size:clamp(4.45rem,18vw,6rem)}}

/* Studio Notes typography on the company pages. Product identities remain distinct. */
body.corporate.studio-notes .company-manifesto h2,
body.corporate.studio-notes .forge-purpose h2,
body.corporate.studio-notes .company-pipeline h2,
body.corporate.studio-notes .company-contact h2,
body.corporate.studio-notes .inner-section h2,
body.corporate.studio-notes .inner-hero h1{
  font-family:"Trebuchet MS","DM Sans",Arial,sans-serif;
  font-size:clamp(3.5rem,5.8vw,6.2rem);
  font-weight:500;
  line-height:.98;
  letter-spacing:-.055em;
  text-transform:none;
}
body.corporate.studio-notes .inner-hero h1{font-size:clamp(4.1rem,7.4vw,7rem)}
body.corporate.studio-notes .company-manifesto h2 em,
body.corporate.studio-notes .forge-purpose h2 em,
body.corporate.studio-notes .company-pipeline h2 em,
body.corporate.studio-notes .company-contact h2 em,
body.corporate.studio-notes .inner-section h2 em,
body.corporate.studio-notes .inner-hero h1 em{
  font-family:inherit;font-weight:500;font-style:italic;letter-spacing:inherit;text-transform:none;color:#e09a78;
}
body.corporate.studio-notes .company-product-copy h2{
  font-family:"Barlow Condensed",Impact,sans-serif;
  font-size:clamp(5rem,8vw,9rem);
  font-weight:800;
  line-height:.75;
  text-transform:uppercase;
}
body.corporate.studio-notes .company-product-copy h2 em{
  font-family:inherit;font-style:normal;font-weight:800;text-transform:uppercase;
}
body.corporate.studio-notes .mini-grid h3{
  font-family:"Trebuchet MS","DM Sans",Arial,sans-serif;font-size:clamp(1.5rem,2.1vw,2rem);font-weight:500;line-height:1.1;text-transform:none;letter-spacing:-.03em;
}

/* Distinct product marks. TapPodium uses its product artwork; FocusMix remains provisional text. */
.company-product-copy .barker-product-mark{margin:1.5rem 0 1.8rem;line-height:1}
.company-product-copy .barker-product-mark img{display:block;width:min(100%,560px);height:auto}
body.corporate .company-pipeline-list .pipeline-name img[src$="groove-console-product-logo.svg"]{border:0;width:min(100%,230px)}
body.corporate .company-pipeline-list .pipeline-name .pipeline-wordmark{font:800 clamp(1.7rem,2.5vw,2.4rem)/1 "Barlow Condensed",Impact,sans-serif;letter-spacing:.01em;text-transform:none;color:#f2eee5}
.company-pipeline-list .pipeline-name .playball-approved-mark{display:block;width:125px;height:95px;overflow:hidden}
/* The approved marks already contain their names; keep accessible labels without printing them twice. */
body.corporate .company-pipeline-list .pipeline-name img+span,
body.corporate .company-pipeline-list .pipeline-name svg+span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.corporate .company-pipeline-list .pipeline-name img[src$="tappodium-logo.png?v=20260930c"]{border:0;width:min(100%,190px)}

/* Brand, website, and graphic design review refinements, 2026-09-29. */
body.forge-product .forge-header-band{background:#0a1b23;border-bottom:1px solid #4f6a72}
body.forge-product .site-header{min-height:94px}
body.forge-product .site-header nav a{color:#fbf3ed}
body.forge-product .site-header nav a:hover,
body.forge-product .site-header nav a[aria-current="location"]{color:#e09a78}
body.forge-product .site-header nav a[aria-current="location"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.5rem}
body.forge-product .footer{background:#091a22;border-color:#4f6a72}
body.forge-product .footer p{color:#fbf3ed}
body.forge-product .footer nav a:hover{color:#e09a78}
body.corporate .section-label::before{content:"";display:block;width:.52rem;height:1rem;flex:none;background:#e09a78;transform:skew(-24deg);border-radius:1px}
body.corporate .company-pipeline-list .pipeline-name{min-height:92px;justify-content:center}
body.corporate .company-pipeline-list .pipeline-name img[src$="groove-console-product-logo.svg"]{width:min(100%,300px);height:90px;object-fit:contain}
body.corporate .company-pipeline-list .pipeline-name img[src$="tappodium-logo.png?v=20260930c"]{width:min(100%,220px);height:90px;object-fit:cover;object-position:center}
body.corporate .company-pipeline-list .pipeline-name .playball-approved-mark{width:150px;height:100px}
body.corporate .company-pipeline-list .pipeline-name .focusmix-wordmark{font-family:"Trebuchet MS","DM Sans",Arial,sans-serif;font-size:clamp(2rem,3vw,2.7rem);font-weight:700;letter-spacing:-.045em;text-transform:none;color:#fbf3ed}
body.corporate .company-stage-stamp{opacity:.32;border-width:1px;transform:rotate(10deg)}
body.corporate .company-product-image{position:relative;overflow:hidden;background:#173947}
body.corporate .company-product-image::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 76%,#173947 100%)}
@media(max-width:700px){
  body.corporate .company-product-image::after{background:linear-gradient(180deg,transparent 76%,#173947 100%)}
}
@media(max-width:500px){
  body.corporate .company-pipeline-list .pipeline-name{min-height:80px}
  body.corporate .company-pipeline-list .pipeline-name img[src$="groove-console-product-logo.svg"]{width:min(100%,240px);height:75px}
  body.corporate .company-pipeline-list .pipeline-name img[src$="tappodium-logo.png?v=20260930c"]{width:min(100%,190px);height:78px}
  body.corporate .company-pipeline-list .pipeline-name .playball-approved-mark{width:132px;height:88px}
}

/* Company channels are available from every public page. */
.footer-social{display:flex;flex-wrap:wrap;gap:.25rem .9rem;margin-top:1rem;max-width:20rem}
.footer-social a{font-size:.84rem;color:#fbf3ed;text-decoration:underline;text-decoration-color:#90b8ab;text-underline-offset:.25rem}
.footer-social a:hover{color:#e09a78;text-decoration-color:currentColor}
