/* Company and product chapters share the reference's spacing and quiet rules. */
.product-gateway, .limu-product-hero { margin: 0 var(--gutter); }
.product-gateway { padding: 64px 0 0; }
.gateway-heading { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-bottom: 40px; }
.gateway-heading h2 { font-size: 30px; }.gateway-heading .micro { color: var(--ink-muted); }
.product-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.product-panel { display: flex; flex-direction: column; min-width: 0; padding-top: 24px; border-top: 2px solid var(--ink); transition: border-color .2s; }
.product-panel:hover { border-color: var(--maroon); }
.product-panel-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; }
.product-panel .eyebrow { color: var(--maroon); }
.product-arrow { width: 38px; height: 38px; border: 1px solid var(--hairline); border-radius: 50%; display: grid; place-items: center; font-size: 23px; color: var(--maroon); transition: background .2s,color .2s; }
.product-panel:hover .product-arrow { background: var(--maroon); color: var(--on-maroon); border-color: var(--maroon); }
.product-panel h3 { font-size: 46px; line-height: 1.1; letter-spacing: -.01em; }
.product-tagline { font-size: 18px; color: var(--ink-muted); margin-top: 12px; }
.product-visual { position: relative; margin-top: 24px; height: clamp(260px,26vw,340px); overflow: hidden; border-radius: 6px; background: var(--steel-soft); }
.product-visual > img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 44%; }
.visual-label { position: absolute; left: 16px; bottom: 16px; padding: 5px 8px; border: 1px solid var(--hairline); border-radius: 3px; font-size: 9px; color: var(--ink-muted); background: var(--surface); }
.product-description { padding-top: 24px; display: flex; flex-direction: column; flex-grow: 1; }
.product-description h4 { font-size: 26px; margin-bottom: 16px; line-height: 1.23; }
.product-description p { color: var(--ink-muted); max-width: 440px; }
.product-explore { margin-top: auto; padding-top: 24px; display: flex; justify-content: space-between; align-items: center; font-size: 14px; text-decoration: underline; text-decoration-color: var(--maroon); text-underline-offset: 5px; }
.product-explore b { font-weight: 400; color: var(--maroon); font-size: 24px; }
.product-panel:hover .product-explore { color: var(--maroon); text-decoration-thickness: 2px; }
.limu-card-visual .limu-art { height: 100%; min-height: 0; width: 100%; }
.limu-card-visual .orbit { width: 70%; }.limu-card-visual .limu-core { transform: rotateX(52deg) rotateZ(-38deg) scale(1.25); }
.limu-card-visual .axis-x { right: 8%; }.limu-card-visual .axis-z { top: 9%; }.limu-card-visual .axis-y { bottom: 9%; }
.shared-foundation { display: grid; grid-template-columns: 1.2fr 1fr; gap: 64px; align-items: start; border-bottom: 1px solid var(--hairline); }
.shared-foundation h2 { margin-top: 24px; }.shared-foundation > div:last-child { padding-top: 40px; }
.shared-foundation p { color: var(--ink-muted); max-width: 470px; }.shared-foundation p + p { margin-top: 24px; }
.limu-product-hero { padding-top: 40px; }
.limu-hero-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 40px; align-items: center; padding: 40px 0; }
.limu-hero-grid > div { min-width: 0; }
.limu-hero-grid h1 { font-size: 56px; line-height: 1.1; }.limu-hero-grid h1 em { white-space: nowrap; }
.limu-hero-grid > div:first-child > p { color: var(--ink-muted); font-size: 17px; max-width: 550px; margin-top: 24px; }
.limu-hero-grid .text-link { margin-top: 24px; }
.limu-hero-grid > .limu-art { height: 480px; min-height: 0; }.limu-hero-grid .limu-core { transform: rotateX(52deg) rotateZ(-38deg) scale(1.6); }.limu-hero-grid .orbit { width: 85%; }
.limu-hero-grid .axis-x { right: 6%; }.limu-hero-grid .axis-y { bottom: 12%; left: 14%; }.limu-hero-grid .axis-z { top: 12%; left: 14%; }
.brand-baseline { padding: 24px 0; border-top: 1px solid var(--hairline); border-bottom: 1px solid var(--hairline); display: flex; align-items: center; justify-content: space-between; gap: 24px; color: var(--ink-muted); }
.limu-principle { border-top: 1px solid var(--hairline); border-bottom: 1px solid var(--hairline); }
.principle-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 40px; }
.principle-grid article { border-top: 2px solid var(--ink); padding-top: 16px; min-width: 0; }.principle-grid .micro { color: var(--maroon); }
.principle-grid h3 { margin: 24px 0 16px; }.principle-grid p { color: var(--ink-muted); max-width: 310px; }
.development-note { font-size: 12px; color: var(--ink-muted); margin-top: 32px; }
.sibling-link { border-top: 1px solid var(--hairline); padding-block: 40px; }
.sibling-link > a { margin-top: 24px; display: flex; align-items: center; justify-content: space-between; gap: 24px; font: 400 30px/1.2 var(--font-display); }
.sibling-link small { font: 400 16px/1.5 var(--font-sans); color: var(--ink-muted); display: inline-block; margin-left: 24px; }
.sibling-link b { color: var(--maroon); font-weight: 400; }.sibling-link > a:hover { color: var(--maroon); }
@media (max-width:1100px) {
  .product-grid { gap: 32px; }.shared-foundation { gap: 40px; }.limu-hero-grid { gap: 32px; }.limu-hero-grid h1 { font-size: clamp(44px,5.1vw,56px); }
  .limu-hero-grid > .limu-art { height: 440px; }.limu-hero-grid .limu-core { transform: rotateX(52deg) rotateZ(-38deg) scale(1.3); }.principle-grid { gap: 24px; }
}
@media (max-width:760px) {
  .product-gateway { padding-top: 48px; }.gateway-heading { margin-bottom: 32px; }.gateway-heading h2 { font-size: 26px; }.gateway-heading > .micro { display: none; }
  .product-grid { grid-template-columns: 1fr; gap: 48px; }.product-panel h3 { font-size: 42px; }.product-tagline { font-size: 17px; }.product-visual { height: 290px; }.product-description h4 { font-size: 25px; }
  .limu-card-visual .orbit { width: 72%; }.limu-card-visual .limu-core { transform: rotateX(52deg) rotateZ(-38deg) scale(1.1); }
  .shared-foundation { display: block; }.shared-foundation > div:last-child { padding-top: 24px; }.shared-foundation p + p { margin-top: 16px; }
  .limu-product-hero { padding-top: 32px; }.limu-hero-grid { grid-template-columns: 1fr; padding: 32px 0; gap: 32px; }.limu-hero-grid h1 { font-size: 42px; }
  .limu-hero-grid > div:first-child > p { font-size: 16px; }.limu-hero-grid > div:first-child > p br { display: none; }.limu-hero-grid > .limu-art { height: 360px; }.limu-hero-grid .orbit { width: 75%; }
  .brand-baseline { align-items: flex-start; gap: 16px; }.brand-baseline .micro { font-size: 9px; }.brand-baseline > .micro:last-child { text-align: right; max-width: 140px; }
  .principle-grid { grid-template-columns: 1fr; gap: 32px; }.principle-grid h3 { margin: 16px 0; }.principle-grid h3 br { display: none; }.principle-grid p { max-width: none; }
  .sibling-link > a { font-size: 28px; }.sibling-link small { display: block; margin: 8px 0 0; font-size: 14px; }.page-forge .hero-top .eyebrow { max-width: 310px; }
}
