/*
 * Aligned Machinery spatial v3
 * The palette remains unchanged. This layer replaces repetitive flat grids
 * with a small set of semantic spatial surfaces and workflow structures.
 */
:root{
  --space-bg:linear-gradient(145deg,#fff 0%,#fbf6f3 54%,#f3e7e3 100%);
  --space-ceramic:linear-gradient(145deg,rgba(255,255,255,.98),rgba(245,235,231,.94));
  --space-metal:linear-gradient(140deg,#2b171a,#5c222a 55%,#7a2e35);
  --space-inset:linear-gradient(145deg,#eee3df,#fff);
  --space-glass:rgba(255,255,255,.74);
  --space-line:rgba(122,46,53,.24);
  --space-rail:linear-gradient(90deg,transparent,rgba(167,102,77,.8),rgba(122,46,53,.78),transparent);
  --elevation-panel:0 18px 35px rgba(60,23,27,.10),inset 0 1px 0 rgba(255,255,255,.95);
  --elevation-stage:0 28px 60px rgba(45,16,20,.18),0 6px 15px rgba(60,23,27,.08),inset 0 1px 0 rgba(255,255,255,.92);
  --motion-distance:16px;
  --motion-duration:680ms;
  --motion-stagger:68ms;
  --motion-ease:cubic-bezier(.22,1,.36,1);
}

body{background:var(--space-bg)}
.section{isolation:isolate}
.section:not(.section-dark)::before{
  position:absolute;z-index:-1;inset:0;content:"";opacity:.48;
  background:radial-gradient(circle at 85% 15%,rgba(167,102,77,.12),transparent 25%),radial-gradient(circle at 12% 82%,rgba(122,46,53,.07),transparent 31%);
  pointer-events:none
}
.section-tint{background:linear-gradient(155deg,#f5eae6,#faf7f5 54%,#eee2de)}
.section-dark{background:var(--space-metal)}
.section-dark::after{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.055),transparent 55%);pointer-events:none}

/* Common raised surfaces: only entities that sit above a structural plane. */
.card,.company-panel,.case-card,.portfolio-card,.category-route-card,.product-directory-grid article,
.workflow-route-grid article,.solution-direction-grid article,.application-direction-grid article,
.model-table-wrap,.route-table-wrap,.rfq-form,.evidence-panel{
  border-color:var(--space-line);background:var(--space-ceramic);box-shadow:var(--elevation-panel)
}
.card,.portfolio-card,.category-route-card,.product-directory-grid article,.workflow-route-grid article,
.solution-direction-grid article,.application-direction-grid article,.case-card{position:relative;overflow:hidden}
.card::before,.portfolio-card::before,.category-route-card::before,.product-directory-grid article::before,
.workflow-route-grid article::before,.solution-direction-grid article::before,.application-direction-grid article::before{
  position:absolute;z-index:1;inset:0 0 auto;content:"";height:2px;background:linear-gradient(90deg,transparent,var(--terracotta),transparent);opacity:.8
}
@media (hover:hover) and (pointer:fine){
  .card:hover,.portfolio-card:hover,.category-route-card:hover,.product-directory-grid article:hover,
  .workflow-route-grid article:hover,.solution-direction-grid article:hover,.application-direction-grid article:hover,.case-card:hover{
    transform:translateY(-7px);box-shadow:var(--elevation-stage);border-color:rgba(122,46,53,.42)
  }
}

/* Equipment / media stages have a contact shadow instead of a generic card shadow. */
.hero-media,.portfolio-card-media,.product-directory-image,.category-route-card>img,.featured-solution-media,
.solution-direction-media,.application-direction-media{
  position:relative;isolation:isolate;overflow:visible;background:var(--space-inset)
}
.hero-media::before,.portfolio-card-media::before,.product-directory-image::before,.category-route-card>img::before,
.featured-solution-media::before,.solution-direction-media::before,.application-direction-media::before{
  position:absolute;z-index:-1;right:10%;bottom:3%;left:10%;height:17%;border-radius:50%;content:"";
  background:rgba(60,23,27,.25);filter:blur(18px);opacity:.68
}
.hero-media{padding:clamp(1rem,2.5vw,2rem);border:1px solid rgba(255,255,255,.85);border-radius:1.25rem;box-shadow:var(--elevation-stage)}
.hero-media img{position:relative;z-index:1}
.portfolio-card-media img,.category-route-card>img,.product-directory-image img{position:relative;z-index:1}

/* Navigation becomes a compact control deck. */
.site-header{background:rgba(255,253,252,.82);border-bottom-color:rgba(122,46,53,.18)}
.header-bar{position:relative}
.site-nav{padding:.35rem .45rem;border:1px solid rgba(122,46,53,.10);border-radius:999px;background:rgba(255,255,255,.54);box-shadow:inset 0 1px rgba(255,255,255,.8)}
.nav-item>a{position:relative;padding:.42rem .35rem}
.nav-item>a[aria-current="page"]::after{position:absolute;right:.35rem;bottom:.05rem;left:.35rem;height:2px;content:"";background:var(--terracotta)}
.mega-menu{border-color:rgba(255,255,255,.8);background:rgba(255,251,250,.87)}
.mega-menu section{position:relative}.mega-menu section+section{border-left:1px solid rgba(122,46,53,.13)}
.mega-menu a{border-bottom:1px solid rgba(122,46,53,.09)}

/* Hero has background / rail / foreground depth. */
.hero{background:var(--space-bg)}
.hero::after{position:absolute;z-index:-1;right:7%;bottom:9%;left:7%;height:1px;content:"";background:var(--space-rail);opacity:.72}
.hero-grid>div:first-child{position:relative}.hero-grid>div:first-child::after{position:absolute;right:0;bottom:-1.25rem;left:0;height:1px;content:"";background:var(--space-rail);opacity:.68}
.hero-facts>div{position:relative;border:1px solid rgba(122,46,53,.17)!important;border-left:0!important;border-radius:.65rem;background:var(--space-glass)!important;box-shadow:inset 0 1px rgba(255,255,255,.92),0 8px 16px rgba(60,23,27,.06)}
.hero-facts>div::before{position:absolute;top:.55rem;bottom:.55rem;left:0;width:3px;content:"";background:linear-gradient(var(--terracotta),var(--wine))}

/* Media backdrops use authorized environment imagery; product equipment remains foreground. */
.media-backdrop{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:#321a1e}
.media-backdrop::before{position:absolute;z-index:-2;inset:0;content:"";background:var(--backdrop-image) center/cover no-repeat;transform:scale(1.035)}
.media-backdrop::after{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(100deg,rgba(35,15,18,.90),rgba(60,23,27,.69) 48%,rgba(60,23,27,.22));pointer-events:none}
.media-backdrop .eyebrow,.media-backdrop .lede{color:#f0d2c9}.media-backdrop h1,.media-backdrop h2{color:#fff}
.media-backdrop .button-light{background:rgba(255,255,255,.94)}
.route-card-surface,.icon-link-surface{position:relative;overflow:hidden;border:1px solid var(--space-line);border-radius:1rem;background:var(--space-ceramic);box-shadow:var(--elevation-panel)}
.route-card-surface::before,.icon-link-surface::before{position:absolute;inset:1px 1px auto;height:2px;content:"";background:linear-gradient(90deg,transparent,var(--terracotta),transparent)}
.immersive-media-surface{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:#321a1e}
.immersive-media-surface::before{position:absolute;z-index:-2;inset:0;content:"";background:var(--immersive-image) center/cover no-repeat}
.immersive-media-surface::after{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(115deg,rgba(45,16,20,.9),rgba(91,30,35,.75),rgba(45,16,20,.66))}

/* Product workflow relationship: links describe roles, not guaranteed integration. */
.workflow-equipment-rail{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;padding-top:1.35rem}
.workflow-equipment-rail::before{position:absolute;top:2.4rem;right:8%;left:8%;height:2px;content:"";background:var(--space-rail)}
.workflow-equipment-rail article{position:relative;z-index:1;min-width:0;padding:1rem;border:1px solid var(--space-line);border-radius:1rem;background:var(--space-ceramic);box-shadow:var(--elevation-panel)}
.workflow-equipment-rail article>img,.workflow-equipment-rail article a>img{width:100%;height:160px;object-fit:contain;background:#fff}
.workflow-equipment-rail a{color:inherit;text-decoration:none}.workflow-equipment-rail h3{margin:.65rem 0 0;font-size:1rem}
.workflow-equipment-current{transform:translateY(-1rem);border-color:rgba(122,46,53,.42)!important;box-shadow:var(--elevation-stage)!important}
.workflow-equipment-current span{display:inline-flex;margin-top:.5rem;padding:.25rem .45rem;color:var(--teal-dark);background:#f2e7e4;font-size:.62rem;font-weight:800;text-transform:uppercase}
.workflow-interface-note{max-width:78ch;margin:1.25rem 0 0;padding:.9rem 1rem;border-left:3px solid var(--terracotta);background:var(--mist);color:var(--muted);font-size:.82rem}
.workflow-support-links{display:flex;flex-wrap:wrap;gap:1.25rem;margin-top:1rem}
.update-grid-featured{grid-template-columns:1.25fr .875fr .875fr!important}.update-event-card{grid-row:span 2;padding:0!important;overflow:hidden}.update-event-card img{width:100%;height:210px;object-fit:cover}.update-event-card>div{padding:1.25rem}
.context-toolbelt{position:fixed;z-index:30;top:0;right:0;left:0;opacity:0;visibility:hidden;transform:translateY(-100%);transition:opacity .28s ease,transform .28s ease,visibility .28s ease;background:rgba(43,23,26,.94);box-shadow:0 10px 25px rgba(45,16,20,.2);backdrop-filter:blur(12px)}
.context-toolbelt.is-context-visible{opacity:1;visibility:visible;transform:none}.context-toolbelt>div{display:flex;align-items:center;gap:1.25rem;min-height:3.7rem;color:#fff}.context-toolbelt b{max-width:28ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}.context-toolbelt-links{display:flex;gap:.9rem;flex:1;overflow:auto}.context-toolbelt-links a{color:#eadbd7;white-space:nowrap;font-size:.77rem}.context-toolbelt .button{margin-left:auto;padding:.55rem .75rem;font-size:.72rem}
section[id]{scroll-margin-top:5rem}

/* Pathways: cease being a table. */
.home-overview{border:0!important;background:transparent!important}
.home-overview-grid{position:relative;display:grid;grid-template-columns:1.08fr 1fr .92fr!important;gap:1rem;border:0!important;padding:1.4rem 0}
.home-overview-grid::before{position:absolute;z-index:0;top:50%;right:6%;left:6%;height:2px;content:"";background:var(--space-rail);opacity:.65}
.home-overview-link{z-index:1;min-height:195px!important;padding:1.5rem 3.25rem 1.5rem 1.35rem!important;border:1px solid var(--space-line)!important;border-radius:1rem;background:var(--space-ceramic)!important;box-shadow:var(--elevation-panel);overflow:hidden}
.home-overview-link:nth-child(2){margin-top:1.1rem;background:linear-gradient(145deg,#fff,#f0e2de)!important}
.home-overview-link:nth-child(3){margin-top:.35rem;color:#fff;background:var(--space-metal)!important}
.home-overview-link:nth-child(3) p{color:#eadbd7}.home-overview-link:nth-child(3)>span,.home-overview-link:nth-child(3) i{color:#efb6a9}
.home-overview-link::before{position:absolute;inset:auto 1.25rem 1.15rem;z-index:-1;height:26%;border-radius:50%;content:"";background:rgba(122,46,53,.14);filter:blur(16px)}
.home-overview-link:hover{background:var(--space-ceramic)!important;box-shadow:var(--elevation-stage)}
.home-overview-link:nth-child(3):hover{background:var(--space-metal)!important}

/* Homepage equipment constellation: Bento instead of a 4x grid. */
.product-link-grid{grid-template-columns:1.12fr 1.12fr .94fr .94fr!important;gap:1rem;border:0!important;background:transparent!important}
.product-link-grid>a{position:relative;min-height:190px;padding:1.35rem!important;border:1px solid var(--space-line)!important;border-radius:1rem;background:var(--space-ceramic)!important;box-shadow:var(--elevation-panel);overflow:hidden}
.product-link-grid>a::before{position:absolute;right:-14%;bottom:-28%;width:150px;height:150px;border-radius:50%;content:"";background:radial-gradient(circle,rgba(167,102,77,.22),transparent 66%)}
.product-link-grid>a:nth-child(1),.product-link-grid>a:nth-child(2){min-height:250px}
.product-link-grid>a:nth-child(3){grid-column:span 2}
.product-link-grid>a:nth-child(7){grid-column:span 2;color:#fff;background:var(--space-metal)!important}
.product-link-grid>a:nth-child(7) em{color:#eadbd7}.product-link-grid>a:nth-child(7) small{color:#fff;background:rgba(255,255,255,.16)}
.product-link-grid>a:hover{transform:translateY(-6px)!important;box-shadow:var(--elevation-stage)!important}
.product-link-grid>a i{align-self:flex-start;padding:.32rem .48rem;border:1px solid rgba(122,46,53,.18);border-radius:50%;background:rgba(255,255,255,.62)}

/* Flow structures are rails, not boxed cells. */
.solution-stage-flow,.process-flow,.operating-sequence ol,.capability-grid{
  position:relative;gap:1rem!important;border:0!important;background:transparent!important;box-shadow:none!important
}
.solution-stage-flow::before,.process-flow::before,.operating-sequence ol::before,.capability-grid::before{
  position:absolute;top:1.7rem;right:4%;left:4%;height:2px;content:"";background:var(--space-rail);transform-origin:left;opacity:.72
}
.solution-stage-flow li,.process-flow li,.operating-sequence li,.capability-grid article{
  position:relative;border:1px solid var(--space-line)!important;border-radius:.85rem;background:var(--space-ceramic)!important;box-shadow:var(--elevation-panel)
}
.solution-stage-flow li>span,.process-flow li>span,.operating-sequence li>span,.capability-grid article>span{
  position:relative;z-index:1;display:grid;width:2.2rem;height:2.2rem;place-items:center;border-radius:50%;color:#fff!important;background:linear-gradient(145deg,var(--terracotta),var(--wine));box-shadow:0 6px 12px rgba(60,23,27,.22)
}
.section-dark .capability-grid article{color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.04))!important;border-color:rgba(255,255,255,.18)!important}
.section-dark .capability-grid p{color:#e6d7d3!important}

/* Portfolio / category / product / solution / application each gets its own spatial role. */
body[data-template="portfolio"] .portfolio-grid{grid-template-columns:1.15fr .85fr!important;gap:1.5rem}
body[data-template="portfolio"] .portfolio-card{min-height:340px;border-radius:1.1rem}
body[data-template="portfolio"] .portfolio-card:nth-child(1),body[data-template="portfolio"] .portfolio-card:nth-child(2){min-height:410px}
body[data-template="portfolio"] .portfolio-card:nth-child(3),body[data-template="portfolio"] .portfolio-card:nth-child(4){transform:translateY(2.2rem)}
body[data-template="portfolio"] .portfolio-card:last-child:nth-child(odd){background:var(--space-metal);color:#fff}
body[data-template="portfolio"] .portfolio-card:last-child:nth-child(odd) p,body[data-template="portfolio"] .portfolio-card:last-child:nth-child(odd) small{color:#eadbd7}
body[data-template="portfolio"] .portfolio-card:last-child:nth-child(odd)>div:last-child>b{color:#efb6a9}
body[data-template="category"] .category-route-grid{position:relative;padding-top:1.6rem}
body[data-template="category"] .category-route-grid::before{position:absolute;top:1.65rem;right:5%;left:5%;height:2px;content:"";background:var(--space-rail)}
body[data-template="category"] .category-route-card{margin-top:.75rem;border-radius:1rem}
body[data-template="product"] .product-fit-grid{gap:1rem;border:0!important;background:transparent!important}
body[data-template="product"] .product-fit-grid article{border:1px solid var(--space-line)!important;border-radius:.85rem;background:var(--space-ceramic);box-shadow:var(--elevation-panel)}
body[data-template="product"] .product-fit-grid article:nth-child(even){transform:translateY(1rem)}
body[data-template="product"] .operating-sequence li{background:var(--space-ceramic)!important}
body[data-template="solution"] .solution-stage-flow{padding-top:1.2rem}
body[data-template="solution"] .workflow-route-grid article:nth-child(even){transform:translateY(1.35rem)}
body[data-template="application"] .application-context-grid{gap:1.1rem}
body[data-template="application"] .application-context-grid article{border:1px solid var(--space-line);border-radius:.85rem;background:var(--space-ceramic);box-shadow:var(--elevation-panel)}
body[data-template="application"] .application-link-grid{gap:1rem;border:0;background:transparent}
body[data-template="application"] .application-link-grid a{border:1px solid var(--space-line);border-radius:.75rem;background:var(--space-ceramic);box-shadow:var(--elevation-panel)}
body[data-template="contact"] .rfq-layout{position:relative;padding:clamp(1.5rem,4vw,3rem);border-radius:1.25rem;background:linear-gradient(145deg,#f4e8e4,#fff);box-shadow:var(--elevation-panel)}
body[data-template="contact"] .rfq-layout::before{position:absolute;inset:1rem auto 1rem 50%;width:1px;content:"";background:var(--space-line)}

/* Comparison console: retain the table semantics while giving it a workspace. */
.model-table-wrap,.route-table-wrap{padding:.7rem;background:linear-gradient(145deg,#eee0dc,#fff);box-shadow:var(--elevation-stage)}
.model-table,.route-table{border-collapse:separate;border-spacing:0}
.model-table thead th,.route-table thead th{position:sticky;top:0;background:linear-gradient(145deg,#321a1e,var(--wine))!important;box-shadow:inset 0 1px rgba(255,255,255,.16)}
.model-table tbody th,.route-table tbody th{background:linear-gradient(145deg,#fbf5f2,#f1e3df)!important}
.model-table tbody tr,.route-table tbody tr{transition:background-color .2s ease,transform .2s ease}
.model-table tbody tr:hover,.route-table tbody tr:hover{background:rgba(167,102,77,.08)}
.route-comparison-mobile,.model-cards{gap:1rem}
.route-comparison-mobile article,.model-cards article{border:1px solid var(--space-line)!important;border-radius:.85rem!important;background:var(--space-ceramic)!important;box-shadow:var(--elevation-panel)}
.check-list{display:grid;gap:.45rem}.check-list li{border:1px solid rgba(122,46,53,.13);border-radius:.5rem;background:rgba(255,255,255,.42);padding:.72rem .8rem .72rem 2rem}
.section-dark .check-list li{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.05)}

/* FAQ and RFQ become dossier / console modules. */
.category-faq{display:grid;gap:.65rem;border:0!important}
.category-faq details{border:1px solid var(--space-line)!important;border-radius:.75rem;background:var(--space-ceramic)!important;box-shadow:var(--elevation-panel)}
.category-faq summary{padding-left:1.5rem!important}
.category-rfq .product-rfq,.product-rfq .split,.solution-rfq .product-rfq{border:1px solid rgba(255,255,255,.15);border-radius:1.25rem;box-shadow:var(--elevation-stage)}
.solution-rfq .product-rfq{padding:clamp(2.4rem,5.5vw,4.6rem) clamp(2.6rem,6vw,5rem)}
.solution-rfq .product-rfq ol{margin:0;padding:.15rem 0 0 1.85rem}
.solution-rfq .product-rfq li{padding:.28rem .35rem .28rem .2rem}
.rfq-form input,.rfq-form select,.rfq-form textarea{border-color:rgba(122,46,53,.18);background:var(--space-inset);box-shadow:inset 0 2px 5px rgba(60,23,27,.08)}
.cta-panel{border-radius:1.25rem}

/* Editorial and resource lists retain reading rhythm, with a physical archive layer. */
.resource-list-item,.about-directory-grid article,.company-fact-grid>div{border-radius:.75rem}
.resource-list-item{padding-right:1rem}

@media(max-width:900px){
  .site-nav{border:0;border-radius:0;background:transparent;box-shadow:none}
  .mega-menu section+section{border-left:0}
  .home-overview-grid{grid-template-columns:1fr!important;padding:1rem 0 1.5rem}
  .home-overview-grid::before{top:7%;bottom:7%;left:1.2rem;width:2px;height:auto;background:linear-gradient(var(--terracotta),var(--wine),transparent)}
  .home-overview-link,.home-overview-link:nth-child(2),.home-overview-link:nth-child(3){margin:0 0 .75rem}
  .product-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .product-link-grid>a:nth-child(3),.product-link-grid>a:nth-child(7){grid-column:span 1}
  .solution-stage-flow::before,.process-flow::before,.operating-sequence ol::before,.capability-grid::before{display:none}
  body[data-template="portfolio"] .portfolio-grid{grid-template-columns:1fr!important}
  body[data-template="portfolio"] .portfolio-card:nth-child(3),body[data-template="portfolio"] .portfolio-card:nth-child(4),
  body[data-template="product"] .product-fit-grid article:nth-child(even),body[data-template="solution"] .workflow-route-grid article:nth-child(even){transform:none}
  body[data-template="category"] .category-route-grid::before{display:none}
  body[data-template="contact"] .rfq-layout::before{display:none}
  .workflow-equipment-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-equipment-rail::before{display:none}.workflow-equipment-current{transform:none}
  .update-grid-featured{grid-template-columns:1fr 1fr!important}.update-event-card{grid-column:span 2;grid-row:auto}
  .context-toolbelt>div{gap:.75rem}.context-toolbelt-links{display:none}.context-toolbelt b{flex:1}.context-toolbelt .button{font-size:.66rem}
}
@media(max-width:620px){
  .product-link-grid{grid-template-columns:1fr!important}.product-link-grid>a:nth-child(3),.product-link-grid>a:nth-child(7){grid-column:auto}
  .home-overview-link{min-height:0!important}
  .hero-media::before,.portfolio-card-media::before,.product-directory-image::before{filter:blur(12px)}
  .workflow-equipment-rail{grid-template-columns:1fr}
  .update-grid-featured{grid-template-columns:1fr!important}.update-event-card{grid-column:auto}
}

.motion-enabled [data-motion-section]:not(.is-motion-visible) [data-motion="heading"],
.motion-enabled [data-motion-section]:not(.is-motion-visible) [data-motion="copy"],
.motion-enabled [data-motion-section]:not(.is-motion-visible) [data-motion-stagger] > *,
.motion-enabled [data-motion-section]:not(.is-motion-visible) [data-motion-stagger-grid] > * > *,
.motion-enabled [data-motion-section]:not(.is-motion-visible) [data-motion="media"]{
  opacity:0;transform:translate3d(0,var(--motion-distance),0)
}
.motion-enabled [data-motion-section]:not(.is-motion-visible) [data-motion="heading"]{transform:translate3d(0,calc(var(--motion-distance) * .75),0)}
.motion-enabled [data-motion-section]:not(.is-motion-visible) [data-motion="copy"]{transform:translate3d(0,calc(var(--motion-distance) * .5),0)}
.motion-enabled [data-motion-section]:not(.is-motion-visible) [data-motion="media"]{clip-path:inset(0 0 0 10% round 1rem);transform:translate3d(calc(var(--motion-distance) * -1),0,0)}
.motion-enabled [data-motion-section].is-motion-visible [data-motion="heading"],
.motion-enabled [data-motion-section].is-motion-visible [data-motion="copy"],
.motion-enabled [data-motion-section].is-motion-visible [data-motion-stagger] > *,
.motion-enabled [data-motion-section].is-motion-visible [data-motion-stagger-grid] > * > *,
.motion-enabled [data-motion-section].is-motion-visible [data-motion="media"]{
  opacity:1;clip-path:inset(0 0 0 0 round 1rem);transform:translate3d(0,0,0);
  transition:opacity var(--motion-duration) var(--motion-ease),transform var(--motion-duration) var(--motion-ease),clip-path var(--motion-duration) var(--motion-ease);
  transition-delay:calc(var(--motion-index,0) * var(--motion-stagger))
}
.motion-enabled [data-motion-section].is-motion-visible [data-motion="heading"],
.motion-enabled [data-motion-section].is-motion-visible [data-motion="copy"]{
  opacity:1;transform:none;transition:opacity var(--motion-duration) var(--motion-ease),transform var(--motion-duration) var(--motion-ease)
}
.motion-enabled [data-motion-section].is-motion-visible [data-motion="copy"]{transition-delay:90ms}
.motion-enabled [data-motion="table"] tbody tr{opacity:0;transform:translate3d(0,8px,0)}
.motion-enabled [data-motion="table"].is-motion-visible tbody tr{opacity:1;transform:none;transition:opacity 440ms var(--motion-ease),transform 440ms var(--motion-ease)}
.motion-enabled [data-motion="table"].is-motion-visible tbody tr:nth-child(2){transition-delay:50ms}.motion-enabled [data-motion="table"].is-motion-visible tbody tr:nth-child(3){transition-delay:100ms}.motion-enabled [data-motion="table"].is-motion-visible tbody tr:nth-child(4){transition-delay:150ms}.motion-enabled [data-motion="table"].is-motion-visible tbody tr:nth-child(5){transition-delay:200ms}.motion-enabled [data-motion="table"].is-motion-visible tbody tr:nth-child(6){transition-delay:250ms}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important;transition-delay:0ms!important}
  [data-motion],[data-motion]::before,[data-motion]::after{opacity:1!important;transform:none!important;clip-path:none!important}
}

/* Primary channel pages: shared industrial scene, different task surfaces. */
body[data-template="portfolio"] .hero,
body[data-template="solution"] .hero,
body[data-template="application"] .hero,
body[data-template="contact"] .hero{
  position:relative;isolation:isolate;overflow:hidden;color:#fff;background:#321a1e
}
body[data-template="portfolio"] .hero::before,
body[data-template="solution"] .hero::before,
body[data-template="application"] .hero::before,
body[data-template="contact"] .hero::before{
  position:absolute;z-index:-2;inset:0;content:"";background:var(--primary-hero-image) center/cover no-repeat;transform:scale(1.035)
}
body[data-template="portfolio"] .hero::after,
body[data-template="solution"] .hero::after,
body[data-template="application"] .hero::after,
body[data-template="contact"] .hero::after{
  position:absolute;z-index:-1;inset:0;height:auto;background:linear-gradient(102deg,rgba(35,15,18,.94),rgba(65,22,29,.74) 52%,rgba(55,18,23,.36));content:""
}
body[data-template="portfolio"] .hero{--primary-hero-image:url("/assets/img/solution/capsule-production-line/detail-02.jpg")}
body[data-template="solution"] .hero{--primary-hero-image:url("/assets/img/solution/capsule-production-line/detail-02.jpg")}
body[data-template="solution"] .solution-image-hero--odf{--primary-hero-image:url("/assets/img/solution/hero-assets/odf/production-line.jpg")}
body[data-template="solution"] .solution-image-hero--capsule{--primary-hero-image:url("/assets/img/solution/hero-assets/capsule/production-line.jpg")}
body[data-template="solution"] .solution-image-hero--tablet{--primary-hero-image:url("/assets/img/solution/hero-assets/tablet/production-line.jpg")}
body[data-template="solution"] .solution-image-hero--effervescent{--primary-hero-image:url("/assets/img/solution/hero-assets/effervescent/production-line.jpg")}
body[data-template="solution"] .solution-image-hero--liquid{--primary-hero-image:url("/assets/img/solution/hero-assets/liquid/production-line.jpg")}
body[data-template="solution"] .solution-image-hero--ointment{--primary-hero-image:url("/assets/img/solution/hero-assets/ointment/production-line.jpg")}
body[data-template="solution"] .solution-image-hero .hero-media{display:grid;place-items:center;padding:1rem;background:rgba(255,255,255,.94);border-color:rgba(255,255,255,.55);backdrop-filter:none}
body[data-template="solution"] .solution-image-hero .hero-media img{width:100%;height:100%;max-height:360px;object-fit:contain;background:#fff;mix-blend-mode:normal;opacity:1}
body[data-template="solution"] .solution-v2-routes .workflow-route-grid dd a{color:inherit;text-decoration:none}
body[data-template="solution"] .solution-v2-routes .workflow-route-grid dd a:hover,body[data-template="solution"] .solution-v2-routes .workflow-route-grid dd a:focus-visible{color:var(--teal);text-decoration:underline;text-underline-offset:.18em}
body[data-template="application"] .hero{--primary-hero-image:url("/assets/img/customer-cases/tanzania-pharmaceutical-factory-project/hero-01.jpg")}
body[data-template="contact"] .hero{--primary-hero-image:url("/assets/img/about/factory-tour/hero-01.png")}
body[data-template="portfolio"] .hero .eyebrow,body[data-template="solution"] .hero .eyebrow,body[data-template="application"] .hero .eyebrow,body[data-template="contact"] .hero .eyebrow,
body[data-template="portfolio"] .hero .lede,body[data-template="solution"] .hero .lede,body[data-template="application"] .hero .lede,body[data-template="contact"] .hero .lede{color:#efd9d2}
body[data-template="portfolio"] .hero h1,body[data-template="solution"] .hero h1,body[data-template="application"] .hero h1,body[data-template="contact"] .hero h1{color:#fff}
body[data-template="portfolio"] .hero-media,body[data-template="solution"] .hero-media,body[data-template="application"] .hero-media,body[data-template="contact"] .hero-media{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.25);backdrop-filter:blur(4px)}
body[data-template="portfolio"] .hero-media img,body[data-template="solution"] .hero-media img,body[data-template="application"] .hero-media img,body[data-template="contact"] .hero-media img{mix-blend-mode:screen;opacity:.82}

/* Pharmaceutical application uses its approved facility image on a solid wine stage. */
body[data-template="application"] .pharmaceutical-application-hero{background:#321a1e}
body[data-template="application"] .pharmaceutical-application-hero::before,
body[data-template="application"] .pharmaceutical-application-hero::after,
body[data-template="application"] .pharmaceutical-application-hero .hero-grid>div:first-child::after,
body[data-template="application"] .pharmaceutical-application-hero .hero-media::before,
body[data-template="application"] .pharmaceutical-application-hero .hero-media::after{display:none}
body[data-template="application"] .pharmaceutical-application-hero .hero-media{display:block;padding:clamp(.65rem,1.4vw,1rem);overflow:hidden;border:1px solid rgba(255,255,255,.28);border-radius:1.25rem;background:#fff;box-shadow:0 28px 60px rgba(20,5,8,.34);backdrop-filter:none}
body[data-template="application"] .pharmaceutical-application-hero .hero-media img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;object-position:center;border:0;border-radius:.8rem;background:#fff;box-shadow:none;mix-blend-mode:normal;opacity:1}
body[data-template="application"] .pharmaceutical-application-hero .hero-media img[src*="dpp-260"]{object-fit:contain}
@media(max-width:620px){
  body[data-template="application"] .pharmaceutical-application-hero .hero-media{display:block;padding:.55rem;border-radius:1rem}
  body[data-template="application"] .pharmaceutical-application-hero .hero-media img{border-radius:.65rem}
}

/* Feedback cycle: remove only the copy-column ornaments from solution heroes. */
body[data-template="solution"] .hero-grid>div:first-child::before,
body[data-template="solution"] .hero-grid>div:first-child::after{display:none!important}

/* Feedback cycle: customer-case links use clean labels without default underlines. */
.customer-photo-card,.customer-photo-card h2,.customer-photo-card .case-action{text-decoration:none}
.customer-photo-card:focus-visible{outline:3px solid var(--teal);outline-offset:4px}

/* Shared first-level Products / Solution / Application hero. */
body:is([data-template="portfolio"],[data-template="solution-portfolio"],[data-template="application-portfolio"]) .primary-directory-breadcrumb{
  display:flex;min-height:42px;align-items:center;margin-bottom:0;background:transparent
}
body:is([data-template="portfolio"],[data-template="solution-portfolio"],[data-template="application-portfolio"]) .primary-directory-hero{
  position:relative;isolation:isolate;overflow:hidden;min-height:clamp(330px,30vw,460px);display:flex;align-items:center;padding:clamp(3rem,5vw,4.5rem) 0;color:#fff;
  background:
    linear-gradient(rgba(46,13,19,.72),rgba(46,13,19,.72)),
    url("/assets/img/customer-supplied/banner-backgrounds/process-equipment-detail.png") center center/cover no-repeat
}
body[data-template="solution-portfolio"] .primary-directory-hero{
  background:
    linear-gradient(rgba(46,13,19,.68),rgba(46,13,19,.68)),
    url("/assets/img/customer-supplied/banner-backgrounds/production-line-detail.png") center center/cover no-repeat
}
body[data-template="application-portfolio"] .primary-directory-hero{
  background:
    linear-gradient(rgba(46,13,19,.64),rgba(46,13,19,.64)),
    url("/assets/img/customer-supplied/feedback-2026-09-11/aligned-machinery-application-by-industry.jpg") center center/cover no-repeat
}
body:is([data-template="portfolio"],[data-template="solution-portfolio"],[data-template="application-portfolio"]) .primary-directory-hero::before{
  display:none
}
body:is([data-template="portfolio"],[data-template="solution-portfolio"],[data-template="application-portfolio"]) .primary-directory-hero::after{
  display:none
}
body:is([data-template="portfolio"],[data-template="solution-portfolio"],[data-template="application-portfolio"]) .primary-directory-hero .hero-grid{
  display:block;text-align:center
}
body:is([data-template="portfolio"],[data-template="solution-portfolio"],[data-template="application-portfolio"]) .primary-directory-hero .hero-grid>div{
  max-width:900px;margin-inline:auto
}
body:is([data-template="portfolio"],[data-template="solution-portfolio"],[data-template="application-portfolio"]) .primary-directory-hero h1{
  max-width:20ch;margin:0 auto;color:#fff;font-size:clamp(2.8rem,5.3vw,5.7rem);line-height:.96;letter-spacing:-.05em
}
body:is([data-template="portfolio"],[data-template="solution-portfolio"],[data-template="application-portfolio"]) .primary-directory-hero .lede{
  max-width:62ch;margin:1.25rem auto 0;color:#f1ddd7;font-size:clamp(.92rem,1.08vw,1.04rem);line-height:1.65
}
body:is([data-template="portfolio"],[data-template="solution-portfolio"],[data-template="application-portfolio"]) .primary-directory-hero .actions{
  justify-content:center;margin-top:1.5rem
}
body:is([data-template="portfolio"],[data-template="solution-portfolio"],[data-template="application-portfolio"]) .primary-directory-hero .button{
  min-height:48px;padding:.82rem 1.18rem;color:#fff;background:var(--wine);box-shadow:0 12px 28px rgba(35,12,16,.24)
}
body:is([data-template="portfolio"],[data-template="solution-portfolio"],[data-template="application-portfolio"]) .primary-directory-hero+.proof{
  background:transparent
}

body[data-template="solution-portfolio"] .primary-directory-hero{
  background:
    linear-gradient(rgba(46,13,19,.7),rgba(46,13,19,.7)),
    url("/assets/img/customer-supplied/feedback-2026-09-11/aligned-machinery-pharmaceutical-solution.jpg") center/cover no-repeat
}
.solution-feedback-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.solution-feedback-grid article,.application-feedback-grid article{display:flex;min-height:168px;flex-direction:column;padding:1.35rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-sm)}
.solution-feedback-grid span,.application-feedback-grid span{color:var(--wine);font-size:.72rem;font-weight:700}
.solution-feedback-grid h3,.application-feedback-grid h3{margin:.8rem 0;font-size:clamp(1.1rem,1.6vw,1.35rem)}
.solution-feedback-grid h3 a,.application-feedback-grid h3 a{color:inherit;text-decoration:none}
.solution-feedback-grid .text-link,.application-feedback-grid .text-link{margin-top:auto}
.application-feedback-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
body[data-template="solution"] .solution-image-hero{background-color:#34151b;background-image:linear-gradient(rgba(58,14,22,.72),rgba(58,14,22,.72)),var(--primary-hero-image)}
body[data-template="solution"] .solution-image-hero h1,body[data-template="solution"] .solution-image-hero .lede,body[data-template="solution"] .solution-image-hero .eyebrow,body[data-template="solution"] .solution-image-hero .text-link{color:#fff}
@media(max-width:900px){.solution-feedback-grid,.application-feedback-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.solution-feedback-grid,.application-feedback-grid{grid-template-columns:1fr}}

.portfolio-categories .portfolio-grid{grid-template-columns:repeat(7,minmax(210px,1fr));overflow-x:auto;padding:.5rem .25rem 1rem;scroll-snap-type:x mandatory}
.portfolio-categories .portfolio-card{min-height:360px;scroll-snap-align:start}
.portfolio-categories .portfolio-card:nth-child(n){transform:none}
.portfolio-categories .portfolio-card:nth-child(3n){background:linear-gradient(145deg,#fbf1ed,#ead8d1)}
.portfolio-categories .portfolio-card:nth-child(7){color:#fff;background:var(--space-metal)}
.portfolio-categories .portfolio-card:nth-child(7) p,.portfolio-categories .portfolio-card:nth-child(7) small{color:#ecd8d3}
.portfolio-products{background:linear-gradient(145deg,#fff,#f5e8e4)}
.portfolio-product-groups{display:grid;grid-template-columns:repeat(7,minmax(225px,1fr));gap:1rem;overflow-x:auto;padding:.45rem .25rem 1rem;scroll-snap-type:x mandatory}
.portfolio-product-groups article{scroll-snap-align:start;border:1px solid var(--space-line);border-radius:1rem;background:var(--space-ceramic);box-shadow:var(--elevation-panel)}

/* Directory headings use a single, uninterrupted title column. */
:is(.portfolio-categories,.solution-directions,.application-directions)>.shell>.section-heading-split{
  display:block
}
:is(.portfolio-categories,.solution-directions,.application-directions)>.shell>.section-heading-split .eyebrow{
  display:block;max-width:none;margin:0 0 .45rem;padding:.16rem .18rem;overflow:visible;white-space:normal;color:var(--wine);font-size:.86rem;font-weight:750;line-height:1.45;letter-spacing:0;text-transform:none;clip-path:none;transform:none
}
.directory-followup-heading{
  display:block
}
.directory-followup-heading .eyebrow{
  display:block;max-width:none;margin:0 0 .45rem;padding:.16rem .18rem;overflow:visible;white-space:normal;color:var(--wine);font-size:.86rem;font-weight:750;line-height:1.45;letter-spacing:0;text-transform:none;clip-path:none;transform:none
}

/* Keep every eyebrow label fully visible regardless of local motion or card rules. */
.eyebrow{
  max-width:none;overflow:visible!important;white-space:normal;line-height:1.45;clip-path:none!important;transform:none!important;text-indent:0
}

/* First-level directories use visual category doors instead of equipment image cards. */
.directory-icon-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem
}
body[data-template="portfolio"] .portfolio-categories .directory-icon-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))
}
.directory-icon-grid>a{
  display:flex;min-height:260px;flex-direction:column;align-items:flex-start;padding:1.5rem;
  border:1px solid var(--space-line);border-radius:1rem;background:var(--space-ceramic);
  box-shadow:var(--elevation-panel);color:var(--ink);text-decoration:none;
  transition:transform .28s var(--motion-ease),border-color .28s ease,box-shadow .28s ease
}
.directory-icon-grid>a:hover,.directory-icon-grid>a:focus-visible{
  border-color:rgba(122,46,53,.42);box-shadow:var(--elevation-stage);transform:translateY(-6px)
}
.directory-icon-grid svg,.directory-icon-grid .directory-semantic-icon{
  width:3.3rem;height:3.3rem;margin-bottom:auto;padding:.72rem;border:1px solid rgba(122,46,53,.18);
  box-sizing:border-box;border-radius:.9rem;background:linear-gradient(145deg,#fff,#f5e7e2)
}
.directory-icon-grid svg{fill:none;stroke:var(--wine);stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.directory-icon-grid .directory-semantic-icon{display:block;object-fit:contain}
.directory-icon-grid p{
  margin:1.5rem 0 .45rem;color:var(--terracotta);font-size:.66rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase
}
.directory-icon-grid h3{margin:0;font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.06}
.directory-icon-grid b{
  display:inline-flex;gap:.5rem;align-items:center;margin-top:1.7rem;color:var(--wine);font-size:.8rem
}
.directory-icon-grid i{font-style:normal;font-size:1rem;transition:transform .24s ease}
.directory-icon-grid>a:hover i,.directory-icon-grid>a:focus-visible i{transform:translateX(.28rem)}
.solution-directions .directory-icon-grid>a:nth-child(2n),
.application-directions .directory-icon-grid>a:nth-child(2n),
.portfolio-categories .directory-icon-grid>a:nth-child(2n){background:linear-gradient(145deg,#fff,#f6ebe7)}
@media(max-width:760px){
  .directory-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
  body[data-template="portfolio"] .portfolio-categories .directory-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .directory-icon-grid>a{min-height:230px;padding:1.2rem}
}
@media(max-width:500px){
  .directory-icon-grid{grid-template-columns:1fr}
  body[data-template="portfolio"] .portfolio-categories .directory-icon-grid{grid-template-columns:1fr}
  .directory-icon-grid>a{min-height:210px}
}

.solution-directions{position:relative;overflow:hidden}
.solution-directions::after{position:absolute;z-index:-1;inset:15% 0;background:linear-gradient(90deg,transparent,rgba(122,46,53,.08),transparent);content:""}
/* The Solution directory remains a two-column comparison surface until it intentionally
   becomes a single column. Do not reuse the denser three-column Application pattern here. */
body[data-template="solution-portfolio"] .solution-direction-grid{
  position:relative;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;overflow:visible;
  padding:1.2rem .25rem 1.5rem;scroll-snap-type:none;grid-auto-flow:row
}
body[data-template="solution-portfolio"] .solution-direction-grid::before{
  top:3rem;right:7%;left:7%;height:2px;background:var(--space-rail);content:""
}
body[data-template="solution-portfolio"] .solution-direction-grid article{
  min-width:0;min-height:330px;transform:none!important
}
body[data-template="solution-portfolio"] .solution-direction-grid article:last-child:nth-child(odd){grid-column:auto}
body[data-template="solution-portfolio"] .solution-direction-grid article:nth-child(odd){grid-column:1}
body[data-template="solution-portfolio"] .solution-direction-grid article:nth-child(even){grid-column:2}
body[data-template="solution-portfolio"] .solution-direction-grid article:nth-child(even){margin-top:0}
body[data-template="solution-portfolio"] .solution-direction-media{
  display:grid;min-width:0;min-height:0;place-items:center;overflow:hidden;padding:1rem;
  background:linear-gradient(145deg,#fff,#f3e8e4)
}
body[data-template="solution-portfolio"] .solution-direction-media img{
  display:block;min-width:0;min-height:0;width:100%;height:100%;object-fit:contain
}
body[data-template="solution-portfolio"] .solution-direction-grid article>div{
  display:flex;min-width:0;flex-direction:column;padding:1.35rem
}
body[data-template="solution-portfolio"] .solution-direction-grid h3{margin:.2rem 0 .6rem}
body[data-template="solution-portfolio"] .solution-direction-grid dl{margin:.9rem 0}
body[data-template="solution-portfolio"] .solution-direction-links{margin-top:auto;padding-top:.35rem}
.solution-boundary-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.solution-boundary-grid article{position:relative;display:flex;min-height:230px;overflow:hidden;border:1px solid var(--space-line);border-radius:1rem;background:var(--space-ceramic);box-shadow:var(--elevation-panel)}
.solution-boundary-grid article>div{display:flex;flex:1;flex-direction:column;padding:1.35rem}
.solution-boundary-grid article>div>span{display:block;margin:.25rem 0;color:var(--wine);font-size:.72rem;font-weight:850}
.solution-boundary-grid article h3{margin:.35rem 0 .65rem;font-size:1.15rem;line-height:1.2}
.solution-boundary-grid article h3 a{color:inherit;text-decoration:none}
.solution-boundary-grid article .text-link{margin-top:auto}
.solution-boundary-grid article::before{position:absolute;inset:1px 1px auto;height:2px;background:linear-gradient(90deg,transparent,var(--terracotta),transparent);content:""}

.application-directions{background:linear-gradient(145deg,#f6ece8,#fff 46%,#ece0dc)}
.application-direction-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;overflow:visible;padding:.5rem .25rem 1.2rem;scroll-snap-type:none}
.application-direction-grid article{min-width:0;min-height:410px;transform:none!important}
.application-direction-grid article:first-child{min-width:410px;background:var(--space-metal);color:#fff}
.application-direction-grid article:first-child p,.application-direction-grid article:first-child dd{color:#ecd8d3}
.application-direction-grid article:first-child .text-link{color:#fff}
.application-browse .card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.application-boundary .solution-boundary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

body[data-template="contact"] .hero-grid{align-items:center}
.contact-pathways{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-top:1.5rem}
.contact-pathways a{display:flex;min-height:92px;flex-direction:column;justify-content:end;padding:.75rem;border:1px solid rgba(255,255,255,.26);border-radius:.7rem;background:rgba(255,255,255,.08);color:#fff;text-decoration:none;transition:background-color .2s ease,transform .2s ease}
.contact-pathways a small{color:#efd9d2}.contact-pathways a:focus-visible{outline:2px solid #fff;outline-offset:3px}
.rfq-stage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin:1.35rem 0}
.rfq-stage-grid div{padding:.75rem;border:1px solid var(--space-line);border-radius:.75rem;background:rgba(255,255,255,.56)}
.rfq-stage-grid b,.rfq-stage-grid small{display:block}.rfq-stage-grid b{color:var(--wine);font-size:.68rem}.rfq-stage-grid small{margin-top:.3rem;color:var(--muted);font-size:.7rem}

@media(max-width:900px){
  .portfolio-categories .portfolio-grid,.portfolio-product-groups,.application-direction-grid{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding:.5rem 0;scroll-snap-type:none}
  .portfolio-categories .portfolio-card,.application-direction-grid article{min-width:0}
  .application-direction-grid article:first-child{min-width:0}.contact-pathways,.rfq-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-template="solution-portfolio"] .solution-direction-grid{grid-template-columns:1fr;padding:.5rem 0}
  body[data-template="solution-portfolio"] .solution-direction-grid::before{display:none}
  body[data-template="solution-portfolio"] .solution-direction-grid article{grid-template-columns:1fr;min-height:0}
  body[data-template="solution-portfolio"] .solution-direction-grid article:nth-child(n){grid-column:auto}
  body[data-template="solution-portfolio"] .solution-direction-media{height:230px;min-height:0;aspect-ratio:auto}
}
@media(max-width:620px){
  body[data-template="portfolio"] .hero-media,body[data-template="solution"] .hero-media,body[data-template="application"] .hero-media,body[data-template="contact"] .hero-media{display:none}
  .portfolio-categories .portfolio-grid,.portfolio-product-groups,.application-direction-grid,.application-browse .card-grid,.application-boundary .solution-boundary-grid{grid-template-columns:1fr}
  .contact-pathways,.rfq-stage-grid{grid-template-columns:1fr}
  body[data-template="solution-portfolio"] .solution-direction-media{height:190px;min-height:0;aspect-ratio:auto;padding:.75rem}
  body[data-template="solution-portfolio"] .solution-direction-grid article>div{padding:1.1rem}
}
@media(hover:hover) and (pointer:fine){
  .contact-pathways a:hover{background:rgba(255,255,255,.16);transform:translateY(-3px)}
}
