/* CORE one 1.4 — material refinement only.
   Preserve the approved 1.3 palette. No surface/text colors, transforms,
   translate/rotate properties, idle animation, HTML or interaction changes. */
.avant :is(.depth-input-card,.depth-model-node,.compass-facet,.workflow-tile,.search-discipline-card,.one-card,.platform-card,.crm-architecture-board,.package-card,.walkthrough-node,.workflow-node){
  box-sizing:border-box;
  border-style:solid;
  box-shadow:1px 1px 0 #8a7938,4px 5px 0 #15170e,5px 6px 0 #544d2d,0 18px 30px #0007;
}
.avant :is(.depth-input-grid,.one-grid,.package-price-grid,.workflow-stage,.crm-lab-geometry){row-gap:32px}
.avant .package-price-grid{column-gap:30px}
.avant .package-shop-mock{box-shadow:1px 1px 0 #8a7938,5px 7px 0 #15170e,6px 8px 0 #544d2d,0 22px 35px #0008}
.avant .package-floating-ui{box-shadow:1px 1px 0 #8a7938,3px 4px 0 #15170e,4px 5px 0 #544d2d,0 15px 24px #0007}
.avant .package-tabs>button{box-shadow:inset 0 1px 0 #ffffff10,0 4px 0 #0005}
.avant .package-tabs>button[aria-selected=true]{box-shadow:inset 0 1px 0 #ffffff40,0 4px 0 #0008}

/* Existing angled planes were 185px tall with only 115px between origins;
   process blocks and automation plates used the same intersecting pattern.
   Put these decorative elements into rows, retaining their owned rotation. */
.avant :is(.search-sculpture,.process-sculpture,.automation-sculpture){
  display:grid;
  grid-template-columns:minmax(0,1fr);
  position:relative;
  width:100%;
  max-width:650px;
  height:auto;
  min-width:0;
  box-sizing:border-box;
  overflow:hidden;
  align-content:start;
}
.avant .search-sculpture{gap:55px;padding:40px 38px 65px;min-height:770px}
.avant .process-sculpture{gap:42px;padding:30px 38px 65px;min-height:725px}
.avant .automation-sculpture{gap:54px;padding:45px 40px 65px;min-height:0}
.avant :is(.search-plane,.process-block,.mechanism-plate){
  position:relative!important;
  inset:auto!important;
  width:auto!important;
  min-width:0;
  height:auto!important;
  box-sizing:border-box;
  box-shadow:1px 1px 0 #8a7938,5px 7px 0 #15170e,6px 8px 0 #544d2d,0 18px 30px #0007;
}
.avant .search-plane{min-height:185px}
.avant .process-block{min-height:125px}
.avant .mechanism-plate{min-height:195px}
.avant .automation-sculpture .mechanism-lock{position:relative;inset:auto;justify-self:end;max-width:100%;box-sizing:border-box;margin-top:-10px;font-size:9px}
.avant :is(.search-sculpture,.process-sculpture) .sculpture-caption{left:15px;right:15px;bottom:10px;line-height:1.6}
.avant .automation-sculpture .mechanism-caption{left:16px;right:16px;bottom:12px;line-height:1.6}

/* Hover affects the material, never the transform owned by motion/tilt JS.
   Fine pointers get a material highlight; touch and motion pause stay still. */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  html:not(.core-motion-paused) .avant :is(.depth-input-card,.workflow-tile,.one-card,.platform-card,.package-card):hover{
    border-color:#d6b92c!important;
    box-shadow:1px 1px 0 #d6b92c,5px 7px 0 #15170e,6px 8px 0 #75672e,0 24px 40px #0009;
  }
}
@media(max-width:1000px){
  .avant .workflow-timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
  .avant .workflow-timeline .workflow-node:last-child{grid-column:1/-1}
}
@media(max-width:700px){
  .avant :is(.depth-input-card,.depth-model-node,.compass-facet,.workflow-tile,.search-discipline-card,.one-card,.platform-card,.crm-architecture-board,.package-card,.walkthrough-node,.workflow-node){box-shadow:1px 1px 0 #8a7938,2px 3px 0 #15170e,3px 4px 0 #544d2d,0 13px 23px #0007}
  .avant .search-sculpture{gap:40px;padding:30px 25px 60px;min-height:0}
  .avant .process-sculpture{gap:32px;padding:25px 23px 60px;min-height:0}
  .avant .automation-sculpture{gap:40px;padding:35px 27px 65px}
  .avant .search-plane{min-height:160px}
  .avant .process-block{min-height:122px}
  .avant .mechanism-plate{min-height:180px;padding:22px}
  .avant .mechanism-plate>b{font-size:30px;overflow-wrap:anywhere}
  .avant .automation-sculpture .mechanism-lock{font-size:8px;line-height:1.6;margin-top:0}
  .avant .workflow-timeline{gap:23px;padding-left:22px;padding-right:22px}
}
@media(max-width:380px){
  .avant .search-sculpture{padding-inline:23px}
  .avant .search-plane{padding:20px 16px}
  .avant .search-plane>b{font-size:22px}
  .avant .process-block{padding:18px 15px}
  .avant .process-block>b{font-size:19px;overflow-wrap:anywhere}
  .avant .automation-sculpture{padding-inline:24px}
  .avant .mechanism-plate{padding:20px 17px}
  .avant .mechanism-plate>b{font-size:27px}
  .avant .workflow-timeline{grid-template-columns:minmax(0,1fr)}
}